Three.js Water Pro

Waves are generated using FFT techniques—the same approach used in film and AAA games—giving you realistic wave motion without baked animations or noise hacks. The shader handles proper light interaction: Fresnel reflections, subsurface scattering through wave peaks, caustic patterns on the seafloor, and foam that forms naturally where waves break.

Everything is tweakable. Wave intensity, water color, foam behavior, sun position, atmospheric haze—all adjustable through the included control panel. Eight environment presets give you starting points from glassy calm to rough storm conditions. A buoyancy system is included so objects can float realistically on the surface.

The demo app also includes a dynamic Rayleigh sky model with volumetric clouds—free to use in your project. If you're using your own sky solution, you'll need to implement a custom sampler for water reflections.

For more information on all the features of Three.js Water Pro, be sure to check out the documentation.