Skip to main content
Elizabeth Stein
Experiment LabOpen to workHomeWorkAboutContact

Case study

experimental2024

Ocean Ecosystem Simulator

Cutting-edge ocean ecosystem simulator with complex food chains, realistic physics, and emergent behaviors - rivaling AAA game engines in the browser.

Where wild ideas take flight and curiosity leads

Field notes

Role

Creator

Read order

Evidence first, then constraint → build → proof. Use the chapter rail to jump sections; orbit to adjacent work from the bottom of the case study.

The Experiment Lab·✦I-Class Giant
●LIVE
View on GitHub
View Live Site
Source Code

Evidence

Interface & evidence

A real surface area—not a mock. Scroll the story below for constraint, build, and outcome.

Signature viewocean-simulator-silk.vercel.app
Ocean Ecosystem Simulator application interface
Open Live Site
ocean-simulator-silk.vercel.app

Story arc

How this shipped

Where wild ideas take flight and curiosity leadsThree beats: what pressed against the work, how the stack answered, and what changed once it was live.

I · Constraint

The brief

Creating a realistic ocean ecosystem simulation in the browser that handles hundreds of entities with complex behaviors and interactions.

II · Build

The craft

Implemented spatial partitioning for O(n log n) collision detection, GPU-accelerated particle systems for water effects, and behavior trees for emergent creature AI.

III · Proof

What moved after launch

Simulates 500+ marine entities at 60fps. Complex food chains create emergent ecosystem dynamics. WebGL optimizations achieve AAA-quality visuals in-browser.

Inventory

Stack & signals

WebGLThree.js
← Project archive

Tell me what you're building

If you need someone who can own UI, systems, and AI integration without losing the plot—I'm listening. Contract, advisory, or full-time: we'll find the right shape.

Start a ConversationSee More Projects

Related work

Same clustersignal 2
Signal: Low
Three.js

Nova Particles

Next-generation GPU particle system rendering 1M+ particles at 60fps using WebGPU compute shaders. Structure of Arrays architecture for maximum GPU cache efficiency.

Nearby systemsignal 1
Signal: Low
Three.js

CodeCraft: Galactic Developer

Educational coding game combining real programming with space colony gameplay. Three.js real-time 3D visualization, Monaco editor for live code editing, Redux state management, narrative-driven progression.

Keep exploring

Previous Project

PixelForge Test

Pixel manipulation and generative art experiment.

Next Project

Plant Therapy Blog

Responsive blog website focused on plant care and mental wellness with modern dark mode and Tailwind CSS.

© 2026 Elizabeth Stein

·Contact·Privacy
Let's work together → GitHubLinkedIn

Built with Next.js, Three.js, and obsessive attention to detail.