birdybird

Credits

🌊 Ocean Waves

The realistic wave simulation uses Phil Crowther's Ocean3 & Ocean4 modules (WebGL2 iFFT and WebGPU compute-shader iFFT). Much of the inner WebGPU plumbing is Attila Schroeder's work. Amazing stuff — thank you both!

→ Phil's Three.js Demos → Phil @ three.js forum → Attila on GitHub → Attila's WebGPU iFFT Ocean → Discourse Post

Ocean3.js & Ocean4.js © Phil Crowther, Attila Schroeder · CC BY-NC-SA 3.0

🌳 Procedural Forest

The L-system instanced forest architecture is inspired by red-reddington's generous Three.js CodePens — high-performance procedural trees in 2 draw calls. Thank you!

→ red-reddington on CodePen → red @ three.js forum → Discourse Post

Shared under MIT — thanks for making it open.

🦅 VogelSimulator

Built with Three.js + MediaPipe. Source code on GitHub.

📦 Assets

Terrain & building textures: Poly Haven (CC0)
Stork 3D model: Community asset
Blog: ki-mathias.de

⚙️ Render Options

Renderer

Auto (recommended)Uses WebGPU where available, WebGL2 otherwise. Force WebGPUModern compute-shader pipeline. Required for iFFT ×3 cascaded ocean. Force WebGL2Legacy path — most compatible but skips the TSL visual upgrades.

Ocean Quality

iFFT ×3 Cascaded (default, desktop)Three FFT spectra layered for richer multi-scale waves. Costs ~60% FPS vs single. Single CascadePhil Crowther's Ocean4 iFFT — fast path, default on mobile.

Scene Detail

Low~40% trees + conifers — for integrated GPUs / older laptops. Mid (default)Balanced density for typical desktop hardware. High~175% trees + conifers — for fat discrete GPUs that want to flex.

Changing an option reloads the page with the new setting active.