Skip to content
MAGICBYMATI

News1 min read

Roadmap: Building My Own Three.js Games

The plan for the first handmade games: a shared engine, fast loading and a pixel-perfect look.

  • Devlog
  • Three.js
  • Roadmap

The curated games are a starting point. The real goal is building my own.

The stack

  • Three.js with the WebGPU renderer where it's available, falling back to WebGL2.
  • Vite for each game, built with relative paths so every game drops into /play/<slug>/.
  • Rapier for physics, compressed glTF (Meshopt/Draco) and KTX2 textures to keep downloads small.

Shared engine

A small shared package handles the boring parts: renderer setup, input (keyboard, mouse, gamepad, touch), audio, loading screens in the site's pixel style, pause menus and quality presets.

The look

The ASCII shader from the homepage will become a reusable post-process, so the games can share the site's look.

Play Something