Boid Terrarium

3D GraphicsTHREE.jsSimulationJavaScript

Friday, March 14, 2025

Role : Graphics & Performance Engineer

TL;DR

Boids Terrarium is a WebGL playground that simulates flocking birds, lurking predators, and dynamic obstacles—all at 60 FPS in a modern browser.

Key Features

  • Flocking Logic: Implements separation, alignment, cohesion forces
  • Predator Mode: “Bad-boid” hunts the flock; prey avoid its radius
  • 3D Obstacle Editor: Drag / scale spheres, boxes, torus “hoops” in real time
  • Camera Follow: Snap view to any boid or predator for cinematic fly-throughs
  • Live Controls: lil-gui sliders tweak forces, speed, and boid count on the fly

Tech Stack

  • JavaScript ES Modules
  • Three.js
  • WebGL
  • Vite
  • lil-gui
Elijah Won

© 2025 Elijah Won