Ocean Ecosystem Simulator

A real-time ocean simulation in the browser, built with Three.js and bitECS: hundreds of creatures that school, light shafts through the water, and an 18-second flythrough.

Role: Creator
Years: 2024
Status: Live
Stack: WebGL
Three.js

Visit ocean-simulator-silk.vercel.app Source on GitHub

ocean-simulator-silk.vercel.app2024

The brief

The first version ran well but looked like a swimming pool.

The build

bitECS runs the creature simulation and Three.js draws it. I rebuilt the lighting and fog so it reads as deep water.

What shipped

Live at ocean-simulator-silk.vercel.app.

Shares the most stack with this project

Critter ValeA browser creature-collecting RPG in TypeScript and Three.js. Raise a team, battle rival tamers, and generate new critters in the Summon Lab through an image generation API.Three.js, WebGL
Nova ParticlesA GPU particle system built on WebGPU compute shaders and Three.js TSL. Published on npm as @nova-particles/core.Three.js
CodeCraft: Galactic DeveloperAn educational coding game. You write HTML, CSS and JavaScript in a Monaco editor and watch it build a 3D space colony in React Three Fiber, with hints, mastery tracking and daily streaks.Three.js

Hiring for something like this?

Contract, advisory, or full-time. Tell me what you are building.

Start a conversation hello@elizabethannstein.com

The brief

The build

What shipped

Related work

Hiring for something like this?