Let’s create a React powered game in 25 minutes
summary
Creates a playable prototype in ~25 minutes using React components to render two ships, keyboard handlers for movement including diagonal motion, sprite-sheet frames chosen by a directional index, and an onUpdate loop to patrol and animate; cannonballs fire but collision and full physics remain unfinished. Uses the open source react-game-kit and example code is on GitHub; live-coding shows working movement and visuals but rough edges and missing edge-case handling.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 0:57Who am I
- 3:56Why use React
- 11:45Game loop
- 13:08Key event
- 17:55Modifiers
- 18:50Sprite Sheets
- 19:38Direction Index
- 22:00UpdateState
- 22:45Position
- 23:45Outro
related talks
30mMaking Games in React
25mReact For Game Development
49mReact in 40 minutes
21mBreaking out of the confines: making games in React
34mWonder-driven Development: Using React to make a Spaceship
32mBuild an iOS and Android app in 15 minutes using React Native
27mReact: Learn Once Write Anywhere
04mBuilding a puzzle game in React/Redux