Build a Game with JavaScript and HTML Canvas [RPG Kit series]
Let’s build a simple Top-Down game system in HTML Canvas and JavaScript!
00:00:00 Intro
00:01:23 Vite setup (optional)
00:02:42 Drawing to a Canvas
00:15:50 Sprite Class
00:35:49 Game Loop
00:44:42 Keyboard Input
00:52:05 Grid Movement
01:03:16 Walls
01:07:50 Animation Tracks
01:28:28 Game Objects
01:45:39 Event System
01:54:36 Hero Camera
02:00:00 Item Pickups
02:19:41 HUD Inventory
02:30:00 Ready method for Game Objects
02:33:57 Thank You!
💻 View more of this series on Co-Op Mode:
(Full code diffs for every section new videos are added to the series every week!)
💬 Need help / have a question / want to share your gamedev project? Join the Game Dev Shift Discord. Here’s the link:
📁 Sprites & Code Starting download: