water studio
A free shader demo — play it in your browser, no install. An interactive Three.js island and underwater reef focused on real-time materials and spatial interaction.
Vote and save it — continue with GitHub or sign in free
Made this, @MalikAhed? See how many people played it → or use email
Best with a keyboard. Controls: WASD / arrow keys: swim in the direction you look, or strafe sideways…
GitHub asks to share your profile and email with us. We never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
Explore the live lagoon →
An interactive Three.js / WebGL island: clear turquoise water, a sloping sandy beach, 18 coconut palms with 108 coconuts, 70 varied rocks, 30 animated reef fish, seagrass/kelp clusters, colorful coral and sponge gardens, leafy coastal plants, an arched wooden bridge, and a wooden rowboat. Four turtles, nine crabs, seven seahorses, five jellyfish, and scattered starfish inhabit the reef. The water renders scene reflections, depth-aware refraction, wavelength-dependent absorption, and a subtle shoreline wash.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
kodou orb
✺ 鼓動 / ORB — マウスで脈動・発光する3Dオーブ (Three.js + GLSL shader)
icosahedron 3d
Real-time WebGL dual-scene transition pipeline featuring Three.js InstancedMesh, offscreen FBOs, and threshold-based GLSL wipe shaders.
helios
HELIOS a scroll-driven 3D voyage from the Milky Way to Pluto. A cinematic WebGL film plays under the page as you scroll; every planet and moon name…
Ray Tracing
A quick simple ray tracing written in glsl using JavaScript and WebGL
three projective media
OpenAI Build Week project - a reusable Three.js library for projecting video and images onto 3D geometry in projector space.
Chronos
An immersive, scroll-driven sci-fi time-machine web experience — travel through five explorable 3D eras built with Three.js, GSAP ScrollTrigger and…
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
