Live · TypeScript

Nagomi

Interactive WebGL koi pond where rule-based schooling, procedural fish geometry, layered water effects, and weather create a calm living scene.

  • Built a deterministic, rule-based simulation that combines wandering, cohesion, alignment, separation, edge avoidance, and visitor input into natural koi movement.
  • Separated simulation from rendering and reused geometry buffers, fish objects, ripples, and render targets to keep the multi-pass pond responsive.
TypeScript Three.js WebGL Procedural Animation React
Mayank