A visualization of waves. Rendered using WebGL and GLSL.
Efficient WebGL Rendering
The height of each vertex is done on the GPU within the vertex shader to allow for fast calculations. Currently there are 8 individual waves simultaneously being calculated using the gerstner wave function
Settings
Currently the user can change the amplitude, wavelength, frequency, steepness, and color (RGBA) of the waves. I am currently working on adding a feature that would allow users to add the individual waves one at a time and save their settings to a json file
Wireframe Mode
The lighting is currently being simulated so as to allow the user to get a better view of the waves, there is an option to turn on wireframe rendering
Future
- Reflections and Refractions
- Skybox
- Fresnel Effect
- Physics (Floating Objects)