How to Program Games: Tile Classics in JS for HTML5 Canvas
Learn to code tile-based worlds and related core gameplay for genres like arcade, overhead racing, and puzzle adventure.
4.49 (2020 reviews)
10 282
students
14.5 hours
content
Jul 2020
last update
$109.99
regular price
What you will learn
Create, display, and play with a 2D tile world that supports optimized collision (a central concept for generations of games in a variety of genres!)
Program games in JavaScript for HTML5 Canvas without using any external libraries or plug-ins
Create, load, display, and rotate image graphics in games
Break game code into multiple files to better manage large projects
Define a class and use it to create multiple instances of gameplay objects in unique positions (note: only using the very basic first concept of object-oriented programming, it doesn't dive deep into that rabbit hole)
Handle mouse input for a one-player game, or keyboard controls for both one and two-player games
Implement basic item pick-ups (keys) and trigger their usage upon collision (open doors)
Develop and adapt gameplay for basic platformer movement, digital board/strategy games, simple matrix formations for retro arcade-style enemies, and worlds larger than the screen viewed by scrolling camera
Apply simple trigonometry calls to move game objects at arbitrary angles
Implement basic loading screen functionality in HTML5
Course Gallery
Charts
Students
Price
Rating & Reviews
Enrollment Distribution
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.
535562
udemy ID
23/06/2015
course created date
16/11/2019
course indexed date
Bot
course submited by