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.
Free, for your email
Get the full setup steps + the copy-paste setup prompt
The rest of this guide (3 more sections, 1 copy-paste prompt) opens right here. The setup prompt, one paste into Claude that sets it all up, comes by email only. Use your real address.
Unlocks: How Claude made it · The catch · Sources
50,000+ follow where these guides come from. No spam, reply “unsubscribe” any time.