Rendering caustics in a scene with water using WebGL.
https://grassydragon.github.io/Water/
The scene represents a part of a pond.
The scene contains:
- the directional light;
- the water;
- the bottom;
- the caustics.
The light is directed down.
The water between the water surface and the bottom isn't displayed.
Drag to rotate the scene.
Scroll to scale the scene.
Move the slider to change the water height.
Click on the water surface to create waves.
Click the button below "Load Texture" to load the bottom texture from an image.
Click "Save Image" to save an image of the scene.