Build Your Own Game Engine in the Browser
summary
A retro-inspired asynchronous multiplayer platform engine is implemented and runs entirely in the browser: built in the browser with JavaScript and HTML5 canvas. It uses requestAnimationFrame for a 100ms game loop, the Gamepad API for controllers, libgif for animated sprites and a simple collision map encoded as a second JPEG. Entities use shared characteristics (ECS-like), physics uses AABB collision and Mario-style jumps, and the completed game ships and works at event kiosks after a 10-day prototype build.
AI-written summary · about
chapters (14)
- 0:00Game engine history
- 2:58Arcade hacking
- 6:50Doom to Unreal Engine
- 9:38Game engine components
- 11:02Minimal engine in browser
- 14:12Conway's Game of Life
- 18:45Input handling
- 23:05Game entities
- 29:04Physics and movement
- 33:21Platform game design
- 39:41Tile sets and collision
- 44:16Game AI systems
- 48:06Live engine demo
- 48:49Why build your own
related talks
50mBuild Your Own Game Engine in the Browser
51mBuild Your Own Game Engine in the Browser
46mBuild Your Own Game Engine in the Browser No experience necessary, all experience
01h 12mA Browser Game Engine as a Pet Project
29mOnce Upon A Time, Somewhere Between Your Console And Browser
42mMake coding fun: developing a game in the browser
31mMake coding fun: developing a game in the browser
25mJavascript as Play A Primer on Getting Started with Video Games