3D Fighter
One-on-one 3D brawler — frame data, blocks, specials, best of three.
- Fighting
- Three.js (WebGL)
- Three.js
- WebGL
- Web Audio
- Controls
- Status
- Difficulty
- Session
- Stack
- Three.js (WebGL)
- Generations
- 1
- Bundle
- games/fighter-3d/index.html
About the machine
A one-on-one 3D fighting game in the spirit of Street Fighter, Tekken and Mortal Kombat. Two articulated fighters with real frame data, height-checked blocking, a quarter-circle fireball, hitstop and knockback, and a best-of-three match on a 60-second round timer. Play the CPU or a friend in local two-player. The 3D engine (Three.js) is bundled locally, so it runs offline just like the Canvas games.
Generations
Generations
PromptPrompta 3D hand to hand combat in the spirit and vein of street fighter mortal combat tekken etc
What changed
The original zero-shot build — and the collection's first WebGL game. Real-time 3D via Three.js (r128, bundled locally, no CDN and no network request). Each fighter is an articulated humanoid of primitive meshes in a joint hierarchy; attacks are per-joint poses with phased startup / active / recovery windows. The fight logic runs on a fixed 60 Hz timestep decoupled from rendering: frame-data hitboxes live only during active frames, height-checked blocking, decaying knockback with juggle decay, hitstop, and special-move detection from a rolling input buffer (quarter-circle motions). A range-bucketing CPU picks weighted actions with a reaction delay; a side camera tracks the midpoint and dollies back as the fighters separate. All sound is procedural Web Audio — impact, block, whiff, jump/land, fireball, KO, round-start and victory cues, the smack of a hit scaled by its power.