How to Program Games: Tile Classics in JS for HTML5 Canvas
Why take this course?
🎮 Master the Art of Tile-Based Game Programming with Chris DeLeon's "How to Program Games: Tile Classics in JS for HTML5 Canvas"
🚀 Course Headline: Dive into the world of game development and learn to craft engaging tile-based games like arcade classics, overhead racing experiences, and puzzle adventures using JavaScript and HTML5 Canvas!
📘 Course Description: Are you ready to turn your passion for gaming into a skillset? In this comprehensive course, you'll embark on a coding journey that will transform your understanding of 2D tile-based worlds. With nothing but a text editor and a web browser, you'll be able to create captivating game mechanics and beautifully rendered levels. Chris DeLeon will guide you through each step, ensuring you never feel lost with his accompanying code for every lesson.
🚀 What You'll Learn:
- The fundamentals of creating tile-based worlds in JavaScript.
- Techniques for building classic game types such as:
- Arcade games
- Overhead racing adventures
- Puzzle adventure games
- How to use HTML5 Canvas to render your game graphics dynamically.
- Best practices for structuring and managing your game's code.
🛠️ Tools You'll Use:
- JavaScript: The backbone of your tile-based game logic.
- HTML5 Canvas: Your digital canvas where the action unfolds.
- A text editor: Your trusty tool for writing and organizing your code.
- (Optional) An art program: To enhance your game's visual appeal.
📖 Course Highlights:
- Real-world examples that will bring your coding skills to life.
- Access to my complete 500-page textbook, "Hands-On Intro to Game Programming," upon course completion – a treasure trove of over 100 exercises and additional game types.
- Additional resources for deeper insights into the projects you'll build during this course.
- A community of like-minded learners and access to ongoing support from Chris DeLeon.
🎓 By completing this course, you will:
- Gain a solid understanding of game programming with JavaScript and HTML5 Canvas.
- Have a portfolio of tile-based games that showcases your newfound skills.
- Be equipped with the knowledge to apply your learning to other game development projects.
- Receive a PDF of "Hands-On Intro to Game Programming," an invaluable resource for your continued journey in game development.
🛠️ Bonus:
- A detailed breakdown of advanced topics that build on what you've learned in the course.
- Tips and tricks from a seasoned game developer to refine your coding process.
Embark on this exciting adventure in game programming today, and start crafting the next generation of tile-based gaming experiences! 🎉
(HTML5 Logo in the course image is by W3C, licensed under Creative Commons Attribution 3.0 Unported. Background pattern for transition cards CC BY-SA 3.0 by Atle Mo. drawn by Paul Phönixweiß)
Course Gallery
Loading charts...
Comidoc Review
Our Verdict
This course serves as a solid introduction to creating 2D tile-based games through JavaScript and HTML5 Canvas. While there's room for improvement in fully explaining code principles and maintaining modern practices, the breadth of topics makes it a valuable resource for aspiring game developers.
What We Liked
- The course provides a practical approach to game programming using JavaScript for HTML5 Canvas, without external libraries.
- Topics such as image manipulation, collision optimization, and game mechanics like platforming or strategy games are covered in-depth.
- Content is broken down into short, easily digestible videos that focus on specific principles.
- Additional games at the end of the course offer an opportunity for practical application of concepts learned.
Potential Drawbacks
- The pace of instruction can be fast, leading to difficulty following along or fully understanding certain topics.
- Code occasionally contains elements not explicitly explained in the videos, causing confusion.
- Explanations might lack thorough exploration into 'why' specific methods work within JavaScript game programming.
- Inconsistent usage of modern JavaScript practices like using
- and array functions may confuse learners.