Master Game Development: Build a Web Game with Vanilla JS (Part 1/2)

Ready to dive into game development for beginners? In this JavaScript game tutorial, we continue our journey to create a fun web game, Hamster Run! Last time, we nailed collision detection to jump on platforms (trees). Now, we’re stepping it up by adding coin collection and battling foes (watch out for those nasty frogs!).

This beginner game programming guide uses only Vanilla JavaScript—no frameworks, just pure coding fun. Perfect for novice game developers eager to learn how to make web games from scratch.

This video got a bit long, so we’ve split it into two parts. You’re watching Part 1/2 of this game development tutorial. Stick around for Part 2!

What’s Covered in This Video:

0:00 | humansinabox.com
0:38 | Refactoring code into separate files
3:56 | Drawing coins
8:27 | Colliding with the coins
10:40 | Increasing the score
11:22 | Adding sound with ZZFX
12:53 | Add more coins

The tools used here are:
VSCode
Aseprite for graphics
Google Chrome

Play the game: jacklehamster.github.io/hamster-run/

Source Code: github.com/jacklehamster/hamster-run/

Watch the whole series:    • New Channel Announcement: Developer with B...  


====
Check out our game:
Humans in a box: humansinabox.com/?utm_source=bignutsdev
Big Nuts Games: bignutsgames.com/?utm_source=bignutsdev