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:
1 view
553
91
3 weeks ago 00:08:10 1
AI Agents Will Create MILLIONAIRES in 2025 – Are You Ready
4 weeks ago 00:01:29 1
Тентовые здания МСБИЛДИНГС
4 weeks ago 00:03:58 1
The Shira Choir x The Kiffness - Im Hashem Lo Yivneh Bayis (Psalm 127 DANCE REMIX)
4 weeks ago 00:02:43 1
Yearning Kru - Multipass
4 weeks ago 00:40:25 1
40MIN Unilateral Leg Strength - Lower Body Workout
1 month ago 00:19:20 1
Blue Ribbon: Story of the Build
1 month ago 00:00:31 1
Тот самый чел, который говорит что он “топ 1 холиворлда“
1 month ago 00:06:07 1
PATRIARKH - WIERSZALIN IV (feat. Eliza Sacharczuk) (Official Video) | Napalm Records