sermonis / webgl-ocean-fft

Webgl Ocean based on Tessendorf paper. Implementation of Phillips spectrum and its inverse FFT

Webgl-FFT-Ocean-

Webgl Ocean based on Tessendorf paper. Implementation of Phillips spectrum and its inverse FFT.

The grid used is a projected grid from screenspace to worldspace. The static, dynamic Phillips spectrum and the inverse FFT of it is displayed on the left panel.

To run the program:

• Use nodejs app.js.

Commands:

• W: toggle wireframe
• Left, right, up, down arrow: displacement given a direction
• s,x: pitch,
• a,z : up, down

Small program written in typescript. It displays a wave constructed by the inverse FFT of the Phillips spectrum.

Further work:

• The sun is missing, should be aaded in the skybox shader
• Better and more realistic scattering should be implemented
• better UX
• remove symmetry on the ocean by blending it with perlin noise
• port the FFT on the GPU

Demo (projected grid)

Video