Ocean
Ocean joins the design catalog
1 min read
Ocean is a scroll-driven WebGL landing page. A particle whale, sea turtle, jellyfish, and manta ray — each sampled from a glTF model — morph into one another as you scroll.
Ocean storytelling studio
Into the deep
We turn marine science into films, exhibits, and interactive worlds that make people care about the 95% of the ocean nobody has seen.
Dive through the creatures
Ocean is a single-page studio landing built around a Three.js particle field. Each creature is a glTF model sampled into the same number of points, and a custom shader morphs between them as you scroll, with ocean currents, bioluminescent shimmer, and a cursor ripple layered on top.
Scroll the live demo to dive through all four creatures, or scaffold a copy and swap in your own studio copy.
npx create-tawny@latest --template oceanImprovements
- Added the Ocean template to
create-tawny, registered in the CLI's template list - Added a live design demo and full
/viewpreview for Ocean - Showcased Ocean in the designs catalog and in Components docs