CG:Skeelogy
FEATURED
ARCHIVES
 
 
CURRENTLY VIEWING
REAL-TIME HEIGHT FIELD WATER SIMULATION
Created a real-time height field water simulation from scratch using JavaScript and GLSL
DATE
TYPE
EFFORT
Aug 2013
Water Simulation
Individual
Real-Time Height Field Water Simulation
@ programming > simulations
SECTION MENU

I have recently coded a height field water simulation from scratch using JavaScript and GLSL (for GPU acceleration). The simulation runs real-time in web browsers.

Below are some screen recordings of the simulation running in Chrome. Links to the actual online demo are available for you to try it out on your own.

 

1) Two-Way Coupling With Dynamic Rigid Bodies

[Live Demo]

  • Dynamic objects (and terrain) cause ripples on water after displacing it
  • Water makes the dynamic objects float

 

2) Obstacles

[Live Demo]

  • Reflection of water ripples that bounce into terrain and static obstacles
  • Accumulation of water behind terrain and static obstacles

 

3) Water Types

[Live Demo]

  • Different water types and their behaviour upon user interaction
  • Flooding control to change water level

 

The source codes are made fully open-sourced. For more information, please visit the skunami.js page.


 
ABOUT ME
Skeel Lee Skeel Lee
skeel@skeelogy.com
Facebook Google+ Twitter Tumblr
YouTube Vimeo Flickr Pinterest
Senior FX TD / R&D
Digital Domain 3.0 (Previously at Sony Pictures Imageworks, MPC, Industrial Light & Magic, Double Negative)
LinkedIn IMDb GitHub Stack Overflow
I am a Senior Technical Director with strong interests in both tech and art. My life evolves round VFX, photography, software engineering, tools programming and generally anything that looks / sounds cool.
I have done a variety of CG programming, including fluid sims, muscles, soft/rigid bodies, raytracing etc. These knowledge complement the visual works that I do as a TD in VFX.
I was interviewed by The Straits Times in May 2014 for my VFX work in X-Men: Days of Future Past.