WebGPU Water

1 min read Original article ↗

Made by Evan Wallace

Ported to WebGPU by jeantimex

jeantimex/webgpu-water

This demo requires a browser that supports WebGPU. If you can't run the demo, you can still see the original WebGL implementation at madebyevan.com/webgl-water/.

Interactions:

  • Draw on the water to make ripples
  • Drag the background to rotate the camera
  • Press SPACEBAR to pause and unpause
  • Drag the sphere to move it around
  • Press the L key to set the light direction
  • Press the G key to toggle gravity

Features:

  • Raytraced reflections and refractions
  • Analytic ambient occlusion
  • Heightfield water simulation
  • Soft shadows
  • Real-time Caustics

Tile texture from zooboing on Flickr Last updated: January 30 2026

Loading...