How to Program Games: Tile Classics in JS for HTML5 Canvas (Udemy.com)
Learn to code tile-based worlds and related core gameplay for genres like arcade, overhead racing, and puzzle adventure.
Created by: Chris DeLeon
Last updated August 2026
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)
How it compares
Against the other 239 rated Udemy courses in JavaScript on CourseDuck:
- Rating4.5 out of 5higher than 53% of them
- Reviews2,028#59 of 240 by number of reviews
- Length14.3 hourslonger than 80% of them
- Last updatedAugust 2026more recently than 96% of them
Course Description
By taking this new course you'll program several classic game types that all incorporate 2D tile-based worlds. You'll code in JavaScript for HTML5 Canvas, so a text editor and ordinary web browser are all you need (an art program can be handy for a few sections but is not required). I've attached my code for each step so you'll never be stuck. At the end you'll learn even more ways to apply what you've learned. Also by completing the course you'll get a PDF of my complete 500-page textbook on game development: Hands-On Intro to Game Programming. The book contains over 100 exercises, a couple of more game types, and additional material with more detail about the projects you created in this course.
(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 Subtle Patterns © Atle Mo. drawn by Paul Phönixweiß.)
Instructor Details
- 4.5 Rating
2,028 Reviews
Chris DeLeon
Chris has been making games for 28 years. He's worked with startups and AAA games, taught game creation at Georgia Tech and Northeastern University, and spoken at more than 10 conferences (including GDC, IndieCade, and SIEGE). Over 350,000 students have taken his online courses, and he's made hundreds of videos and 150 podcast industry interviews to help people discover game development. Today he runs Dev Pods (called HomeTeam GameDev until summer 2025), where people around the world learn game development together in a practical way building long-term remote team projects, with included access to 1-on-1 training and year-round practice.
More courses by Chris DeLeon
Code Your First Game: Arcade Classic in JavaScript on Canvas (2020)
4.4 (29,153 Reviews)
Provider: Udemy
Time: 2.2h
Free
Complete Every Project You Start: Be Your Own Producer (2024)
4.6 (207 Reviews)
Provider: Udemy
Time: 4.2h
$74.99
More JavaScript courses
The Modern Javascript Bootcamp Course (2026)
4.9 (13,238 Reviews)
Provider: Udemy
Time: 51.9h
$24.99
JavaScript: Understanding Advanced ES Next (ES6 and Beyond) (2025)
4.9 (1,076 Reviews)
Provider: Udemy
Time: 3.5h
$79.99
Reviews
By Adam Jensen on 8/27/2022
I've updated my rating but left in the comments. After working through some of these lessons after stepping away from coding for awhile and working on other stuff, I've found this series to be quite good in terms of what it does. I like the small, bite-size chunks of useful content that hits on the key topics. As I said, the comments below still hold up, but I'm viewing this from a different perspective. If you treat this series as more of a reference guide than an educational tool, I think there might be more value. That said, there it is useful for learning, but I do believe there just isn't enough explanation for topics that are mentioned. I suppose the trade off is that the videos, as I mentioned, are short and digestible. Here are some of the problems: 1. This is really more of a tutorial than a course. If I follow along step-by-step and copy his code, I'll end up with exactly what he's created, but what have I actually learned? Am I going to be able to go and create my own code based on these videos? 2. I don't know what's up with the editing. I'll follow along, my code is 100% the same, but then in the following video, there's code that somehow got into his program (like a function or variable in different places) that he didn't show in a video, so then my code doesn't work and I can't figure out why. 3. He could do a better job of explaining how code is being pulled from different parts of the program and being used. On the positive side, all course content (as far as I can tell) is included within downloadable files.
By Matthew Cannon on 10/24/2020
good course so far, learning and good explanation
By Phillip Seiffert on 10/13/2020
sometimes it goes a bit fast but i guss that is good so we learn alot i like when you explain what the code does great work :)
By Joshua R Thompson on 9/23/2020
Great course. I'm learning a lot about Javascript and programming.
By Lars Fe on 9/17/2020
Really a great course and good basis for coding games! Really impressive what I can do with this knowledge. I can only recommend it.
By Tarak Parekh on 9/11/2020
Yes. THis is an excellent course
By Usman Mohamed on 9/8/2020
Good Course For Some One Who Wants To Start Coding Games.
By Aditya Choudhary on 8/24/2020
Good course...really enjoying it a lot
By Lukas Krupa on 8/7/2020
Definitely the most entertaining course I ever had!
By Andy Pydde on 8/2/2020
Does a superb job of showing the fundamentals of classic game design even though I found some concepts tended to be explained a little too quickly and the short video duration can feel a bit choppy in the Udemy interface. Highly recommended.
By Jill Birchall on 8/1/2020
Very enjoyable course. I have learnt so much about creating tile based grid games!
This course contains tutorials for creating a brick breaker and a racing game, then the third game is an adventure style game you create yourself with some short videos for guidance. Creating it myself did feel quite challenging at first, but it deepened my understanding of the concepts!
I am now feeling very inspired to create my own games and I have so many ideas from the videos in the last 2 sections of the course! The free ebook is also really good, it includes tutorials for the games featured in the course, plus a couple of new ones, and plenty of exercises on how to extend and improve those games yourself.
One small thing to note is that the course is a few years old now, and so does not use the latest JavaScript features, such as the class keyword. However being quite new to JavaScript I appreciated it as it showed me how things were done before the new features were added.
By Gustavo on 7/23/2020
Awesome course, it teaches you some fundamental concepts that open you a lot of possibilities to create your own games, and even if the course is offered in JavaScript, those concepts could be implemented in any programming language and applied on any game engine. By the end of the course you will feel encouraged to explore what you have learned on your own projects. A must take either if you are just starting or just want to practice the use of tiles and maps in game development.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 90 / 100







