Build Your Own Game Engine in the Browser
summary
Builds a working 2D game engine that runs in the browser and was put together in 10 days, using HTML5 canvas rendering, sprite sheets and animated GIFs, a simple ECS-like characteristics system, Mario‑style physics with velocity and gravity, and collision detection via a collision‑map JPEG read by the canvas API. Engine supports keyboard, touch and the browser Gamepad API, runs an asynchronous ghost‑race multiplayer mode on mobile and desktop, and proved playable at the conference.
AI-written summary · about
chapters (13)
- 0:00Introduction to game modding
- 1:00Evolution of game engines
- 5:02Game engine architecture
- 9:53Defining engine subsystems
- 11:57The game loop and life
- 15:49Handling user input
- 20:07Entities and behaviors
- 23:25Entity-component systems
- 28:53Physics and platforming
- 31:49Graphics and sprites
- 36:00Rendering layers and camera
- 38:58Collision and AI mechanics
- 44:00Live demo and conclusion
related talks
46mBuild Your Own Game Engine in the Browser No experience necessary, all experience
50mBuild Your Own Game Engine in the Browser
51mBuild Your Own Game Engine in the Browser
37mHTML5 Game Engine development
01h 14mWorkshop (Part 1): Building a Small 2D Game Engine in JS
01h 15mWorkshop (Part 2): Building a Small 2D Game Engine in JS
01h 12mA Browser Game Engine as a Pet Project
42mMake coding fun: developing a game in the browser