beautiful water
A free shader demo — play it in your browser, no install. Procedural Three.js shallow ocean with reflections, foam, underwater life, and visual regression testing
Vote and save it — continue with GitHub or sign in free
Made this, @VictorZakharov? See how many people played it → or use email
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
A cinematic, full-screen shallow-ocean environment rendered with Three.js. It combines a directional procedural wave spectrum with physically grounded surface lighting, a responsive navigation buoy, and an explorable underwater habitat. WebGPU is the default renderer, with a persistent in-scene WebGL toggle and automatic WebGL 2 fallback when native WebGPU is unavailable.
distance-aware detail, and a CPU sampler shared by floating objects.
transmission, depth-dependent cyan-to-blue color, cloud reflections, and cloud shadows.
wave pattern or moving as a single permanent sheet.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
nightsail
A night sea of Gerstner waves, a column of light and a boat riding the swell. Generated from code, tuned live.
- jungle trail A fully procedural first-person jungle in Three.js. Zero external art assets - every texture, mesh and sound generated in code.
redrock
A cel-shaded downhill racing game built in Three.js. Every mesh, texture and sound is generated procedurally in code, with no external assets.
pelican island ride
A cinematic three.js cycling showcase: a pelican rides a vintage bicycle around a procedurally generated island - terrain, buildings, textures, music…
- ThreeJS Procedural Terrain A Three.js shader for dynamically generating procedural terrain ⛰️
huaguoshan
《西游记》花果山 · 齐天大圣故里 —— 纯程序化生成的 Three.js 实时 3D 场景，无外部模型与贴图，整座岛在浏览器里算出来
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.
