WebGPU Water Simulation

A real-time 2D wave simulation running entirely on the GPU. It uses a stable numerical integration method to solve the wave equation, allowing for realistic wave propagation and interaction.

Controls

Simulation

FPS: --

Brush

Rain

About / More by Tront

VibeWater by Tront

VibeWater simulates water in a 2D compute shader and displays it as a displaced 3D surface, so the ripples you see are the simulation rather than an animation. It was written as a WebGPU prototype for a technique later moved into Unity.

One page, no install, needs a desktop browser with WebGPU. By Tront (Trent Sterling).

More from Tront

  • VibeSand: WebGPU falling-sand simulation: two million voxels updating at 60fps.
  • BALLPIT: GPU contact physics testbed: 20,000 XPBD particles in WebGPU compute with solid map collision.
  • Terrain Lab: Streamed, editable Surface Nets terrain sandbox: carve, build, plant forests, wake volcanoes, dig up a fossil.

All games and tools · Devlog · Discord · Source on GitHub · tront.xyz

More to play