In this video, I’ll show you how to code a fun zig-zag game using JavaScript and HTML Canvas. We'll dive deep into working with rectangles, canvas transforms, and managing a growing codebase. I’ll also discuss the pros and cons of using libraries in your projects, helping you make informed decisions in your future coding adventures.
Throughout the tutorial, you'll learn how to:
• Create a dynamic zig-zagging ball on a track.
• Use canvas transforms to manipulate shapes and animations.
• Manage collisions.
• Manage a growing codebase as your project evolves.
• Understand the difference between using libraries and not.
This is a perfect project for beginners looking to improve their JavaScript skills and gain confidence in using HTML Canvas. Whether you're new to coding or just looking for a fun project, this video has something for everyone. Let's get started!
Inspiration: https://play.google.com/store/apps/details?id=com.zigzag.game&hl=en
Self-driving car codebase: https://github.com/gniziemazity/self-driving-car
Try to contribute to the project! I’ll make a video about your submissions, choose my favorite and add a special feature to it as well 😊
Github: https://github.com/gniziemazity/zig-zag-game
Discord: discord.gg/gJFcF5XVn9
