Make coding fun: developing a game in the browser
summary
Claims that full games run in vanilla JavaScript and were built over a few weekends, with an actual demo called Blasteroids that runs in the browser. Uses canvas + requestAnimationFrame, sprite assets shared to save memory, keyboard state as a Set for multi-key input, rectangle-vertex collision tests, a jump counter reaching ~48 pixels over ~30–40 frames, sound via Audio, scene manager and a single game loop. Codebase is roughly a hundred lines and the demo works live.
AI-written summary · about
chapters (15)
- 0:00Start
- 1:16Differences between Normal Front-End Development and Game Programming
- 1:55Game Loop
- 4:09Sprites and Assets
- 4:20Animation
- 6:36Assets
- 8:15Draw Part
- 11:54Keyboard Input
- 16:07Heat Detection
- 19:44Demo
- 24:10Recap
- 25:32Abstract the Main Loop into a Game Class
- 26:09Scene Manager
- 26:35The Scene
- 27:46Demo of the Game
related talks
25mJavascript as Play A Primer on Getting Started with Video Games
29mJavaScript and Game Development
29m"JavaScript as Play"
51mBuild Your Own Game Engine in the Browser
50mBuild Your Own Game Engine in the Browser
26mdeveloping videogames in JavaScript
29mLet's make games with JavaScript
51mBuild Your Own Game Engine in the Browser