WebGPU: Realistic oceans in a tiny 61 KB HTML file, no engine

It's a super realistic 3D ocean simulator that runs directly in your browser. Imagine believable moving waves, sun reflections on the water, and even white foam on the crests. All this without installing anything, just by opening a web page.

This project, named "web-ocean" by Noniv, showcases a real-time ocean rendering. It includes waves generated with Fast Fourier Transform (FFT), realistic whitecaps, and sun glitter. There's also a physically based sunset sky, complete with clouds.

The crazy part is it doesn't use any pre-built game engine, like Unity or Unreal. It was written from scratch, line by line, using WebGPU. Noniv made the code available on GitHub for everyone to see.

The trick lies in smart WebGPU usage and extremely compact code. Instead of relying on heavy libraries, the creator optimized every single line. The result is a masterpiece of efficiency, demonstrating the browser's raw capabilities.

Think about it: an entire 3D environment, with wave physics and a dynamic sky, packed into a single 61 KB HTML file. That's smaller than an average photo! A key factor was the assistance of Claude Code (Opus 5.5), used for writing the code. Noniv stated it was built with the help of this AI.

This project highlights just how powerful WebGPU, the new web graphics API, truly is. It allows direct GPU access from the browser, making complex graphics possible without external plugins. Quite a leap from the old Flash days, wouldn't you say?