Build Your Own Game Engine in the Browser No experience necessary, all experience
summary
Builds a browser game engine in about 10 days using JavaScript + HTML5 Canvas, requestAnimationFrame, and a tiny renderer that starts with Conway’s Game of Life then adds input (keyboard, GamePad, touch), entities with reusable characteristics (ECS-like), Mario‑style physics (velocity, gravity, terminal velocity), hotspot/aligned bounding-box collision via a color-coded collision map, libgif-based sprite sheets, simple patrol AI, and a playable game ("I Am Jam") that ran at a conference booth and worked as a crowd hit.
AI-written summary · about
chapters (11)
- 0:00🚀 Welcome to Build Stuff Conference
- 1:00The Evolution of Game Engines: From Hacking Arcade Cabinets to Modern Tech
- 5:00Building a Basic Game Engine: Game Loop, Rendering, and Scenes
- 10:00Understanding Game Engines: Frameworks for Game Development
- 15:00Creating Conway's Game of Life in the Browser
- 20:00Enhancing the Engine: Adding Input Handling and Player Control
- 25:00Exploring Entity Behavior: Moving from Squares to Characters
- 30:00Implementing Physics and Collisions in the Game Engine
- 35:00AI in Games: A Simple AI System for Game Characters
- 40:00Final Demo: Play the Game!
- 43:00Conclusion: Should You Build Your Own Game Engine?
related talks
51mBuild Your Own Game Engine in the Browser
51mBuild Your Own Game Engine in the Browser
50mBuild Your Own Game Engine in the Browser
42mMake coding fun: developing a game in the browser
01h 12mA Browser Game Engine as a Pet Project
01h 14mWorkshop (Part 1): Building a Small 2D Game Engine in JS
01h 15mWorkshop (Part 2): Building a Small 2D Game Engine in JS
37mHTML5 Game Engine development