Make coding fun: developing a game in the browser
summary
Builds a working arcade shooter in vanilla JavaScript using canvas and requestAnimationFrame, with explicit sprite/asset separation (one image asset shared by many lightweight sprites), keyboard state stored in a Set for simultaneous keys, and collision detected by point‑in‑rect checks. The prototype is ~150 lines for Mario+barrel, full game runs in the browser (not on phones), contains 20 levels and high scores, took four weekends to polish, and the deployed version works though client‑side code remains trivially hackable.
AI-written summary · about
chapters (10)
- 0:00Why code games
- 2:52Why browser games
- 8:17Game loop basics
- 10:00Sprites and assets
- 17:30Keyboard input
- 25:19Collision detection
- 32:04Polishing the game
- 34:36Game scenes
- 37:06Live game demo
- 39:50Q&A
related talks
25mJavascript as Play A Primer on Getting Started with Video Games
50mBuild Your Own Game Engine in the Browser
46mBuild Your Own Game Engine in the Browser No experience necessary, all experience
51mBuild Your Own Game Engine in the Browser
26mdeveloping videogames in JavaScript
29m"JavaScript as Play"
51mBuild Your Own Game Engine in the Browser
27mMy Experience Making a 13-Kilobyte Video Game in JavaScript