WebGL FFT Ocean
An WebGL ocean simulation using custom GPU Fast Fourier Transform library
Click image for a live demo!
Overview
During the CIS565 GPU Programming course in Fall 2013, my friend Guanyu He and I developed this WebGL Ocean Simulation and Rendering on WebGL for the final project. The purpose of this project is to explore what WebGL can do in terms of GPGPU computation, produce high quality water and sky rendering and implement the height field ocean simulation using FFT now prevalent in games and movies. We learned much about WebGL in the process and I was able to produce the first 2D FFT library for WebGL.
Features
For more details of the project, please take a look at our paper and git repo
If you cannot run the demo for any reason, check out the project video below:
During the CIS565 GPU Programming course in Fall 2013, my friend Guanyu He and I developed this WebGL Ocean Simulation and Rendering on WebGL for the final project. The purpose of this project is to explore what WebGL can do in terms of GPGPU computation, produce high quality water and sky rendering and implement the height field ocean simulation using FFT now prevalent in games and movies. We learned much about WebGL in the process and I was able to produce the first 2D FFT library for WebGL.
Features
- Height field ocean simulation running in a web page
- FFT computation of height field runs on GPU
- Physically based sun, sky and water shading
- Infinite ocean rendering
For more details of the project, please take a look at our paper and git repo
If you cannot run the demo for any reason, check out the project video below: