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:
Hide player controls
Hide resume playing