How To Build A Battleship Clone

How To Build A Battleship Clone

ūüö® IMPORTANT:

Get Your .Tech Domain Now: https://go.tech/wds

Battleship is a classic game that I am sure most of you have played at one point. It is also a fairly simple game which makes it the perfect candidate for a collaboration tutorial with Jesse and Ania. In my portion of this collaboration we will be building out all of the styling for the entire game. This will include a ton of custom CSS, animations, and much more so be prepared for a ton of advanced CSS trickery.

ūüďö Materials/References:

Battleship Game: http://battleship.tech
Starting GitHub Code: https://github.com/kubowania/battleships/tree/multiplayer
Ending GitHub Code: https://github.com/kubowania/battleships
Ania’s Video: https://youtu.be/U64vIhh0TyM
Jesse’s Video: https://youtu.be/TpAwggQJPUQ

ūü߆ Concepts Covered:

– How to create CSS animations
– Advanced CSS grid use cases
– Advanced CSS borders

ūüĆé Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified

#BattleshipGame #WDS #GameDev

Powered by WPeMatico

About Guaripete Solutions

Guaripete Solutions SEO Agency in Charlotte North Carolina, with personalized SEO Consulting Services, Small and Medium Business Social Media Marketing Services, and Website Builder Experts oriented to our Customers.