Workshop (Part 1): Building a Small 2D Game Engine in JS
summary
Shows how to build a lightweight 2D game engine in JavaScript by integrating CodeSandbox, PixiJS (rendering), p2 (physics), Tiled (level editor) and small glue snippets. Focuses on architecture: how to connect these technologies and prepare the project structure so it’s ready for a month-long game development cycle.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:29Workshop goals
- 8:41Tool setup
- 13:02Canvas drawing
- 23:37Image loading
- 31:32PixiJS library
- 43:51Animation optimization
- 48:46Canvas resize
- 54:14Live coding issues
- 59:21Level system
- 1:08:08ECS architecture
related talks
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
50mBuild Your Own Game Engine in the Browser
29mJavaScript and Game Development
51mBuild Your Own Game Engine in the Browser
44mLet's code a game in JavaScript
21mMaking Awesome Games with LittleJS