Glass Aquarium — 3D Studio Landing Page

A complete, scrollable studio landing page with the 3D built into it: a glowing cube of ocean with a school of 300 fish that swims free as you scroll. It is one self-contained HTML file, built entirely in code, with no image files, no 3D models and no build step. Under the hood: Three.js, instanced fish with shader tail-swim and steering in JS, caustic sand shader, additive light shafts, glass cube edges, scroll release from tank to open water. What a visitor can do: move and the fish avoid the cursor, click to scatter the school, scroll to let them out of the tank, 4 presets (Reef, Abyss, Lagoon, Koi). Best for: Creative and motion studios, aquariums and marine conservation, dive and travel brands, immersive product stories. Three.js loads from a CDN through an import map and the type (Inter, Manrope) from Google Fonts, so there is still nothing to install. The page is real HTML — a navigation bar, a full-height hero, content sections, a call to action and a footer — so the brand name, headlines and cards are edited as plain text. Colours, counts and speeds sit in a CONFIG block and a PRESETS array, colour themes restyle the page and the 3D together from a small swatch pill, ?embed hides the pill and ?tour scrolls the page by itself.