INTERACTIVE EXPERIENCE / 04

The Fire Ballers

TOWER WORKSHOP/ Ember

LIVE MESH / PERSPECTIVE

24LAYERS GENERATED

Building your tower…

Drag to orbit · Scroll to zoom

GENERATED GEOMETRY0 vertices0 triangles7.99 units tall0.0 ms rebuild

START WITH A SHAPE

LIVE PREVIEWChange a parameter. Every layer is rebuilt from vertices.

WHAT YOU’RE EXPLORING

A mesh, built one loop at a time.

The original generator builds radial vertex loops, bridges them into faces, and fills the caps. Each floor gets its own transformed mesh. Change the resolution to see the geometry budget move.

TowerObject.UpdateShape · TheoryMath

This experience is built on a simplified version of the algorithms used in The Fire Ballers. The browser recreates procedural layers, profile curves, palette sequencing, rotating guards and bottom-up tower clearing with Three.js. It is not the original Unity game or its complete editor: external mesh import, arbitrary obstacle arc lists, Unity asset saving, stage authoring and the full player/AI systems belong to the original project.

Browser experience: React · TypeScript · Three.js · procedural BufferGeometry · OrbitControls · mesh raycasting · pooled projectiles. Developer mode reports the live renderer and switches its surfaces to wireframe.

Have a similarly specialized problem?

Let’s make the difficult part visible and usable.

Discuss a project Browse all work