Fly Through an Ocean Claude Built From Scratch
web-ocean is a free, MIT-licensed WebGPU ocean that its author says was built with Claude Code: simulated waves, whitecaps, sun glitter and a sunset sky, in one HTML file you open in Chrome. How to run it, the controls, how it was made, and the catch
web-ocean is a real-time ocean renderer written from scratch on WebGPU, with no game engine or rendering library. It draws a sunset sea with simulated waves, whitecaps, sun glitter and a sky with clouds, and you fly around it with a free camera.
Run it
- Use a recent Chrome with WebGPU and a reasonably capable graphics card.
- Download ocean.min.html (61 KB) or ocean.html from the repo. Both are self-contained and open straight from your disk.
- Or try the author's live demo at ocean-noniv.vercel.app.
- Click the canvas to capture the mouse. Move with W A S D, go up with Space or E, down with Q or C, hold Shift for 5x speed.
- Press H to open the settings: wind, swell, choppiness, foam, sun, haze, clouds, exposure and bloom.
How Claude made it
The author says they built it with Claude Code (Opus 5.5). They asked for the most realistic water it could produce, in WebGPU, with a floating camera, and left the architecture to Claude. Claude checked its own work by rendering screenshots in headless Chrome and had separate critic subagents review them. The author gave feedback along the way, mostly on the clouds.
Build the most realistic ocean you can in WebGPU, with a free camera. Render screenshots in headless Chrome after every change, and have a separate subagent critique them before you fix anything.
Free, for your email
Get the full setup steps + the copy-paste setup prompt
The rest of this guide (2 more sections) opens right here. The setup prompt, one paste into Claude that sets it all up, comes by email only. Use your real address.
50,000+ follow where these guides come from. No spam, unsubscribe in one click.