WebGPU Water

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 or Right-click to rotate the camera
• Use the Mouse wheel to zoom in and out
• 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
• Adjustable object density (physics)
• Soft shadows
• Real-time Caustics

Tile texture from zooboing on Flickr Last updated: February 10 2026