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