|
Project Information
-
Project feeds
- Code license
-
MIT License
-
Labels
Nature,
3D,
JavaScript,
WebGL,
Canvas,
HTML,
AJAX,
Chrome,
Firefox,
SpiderGL,
Boid
Featured
|
The Cloudy-Mountains lie, See the Chille-River pass by, Like a big dome is the sky, Covering the prairie nigh. The lofty sky is deeply blue, The vast wildness not seen through. The wind lowering grass in green, Sheep and cattle are easily seen. ---- A folk rhyme from the North-Dynasty, China
IntroductionThis is a technical demo based upon NVIDIA's Nature demo project. It is an effort to integrate some interesting shader based rendering techniques to present realistic-looking nature scene on web using Javascript and WebGL. The techniques applied in this demo include: - Multi-layered Terrain
- Waving Grass with Countless Blades
- Realistic Water Simulation with Reflection and Refraction
- Dynamic Cloudy Sky Dome
- Flying Birds with Flocking Behaviour
A detailed talk on most of these techniques can be found in GPU Gems I and II. The bird flock simulation is based on Boids algorithm that was introduced by Craig Reynolds. Controls: - Use the arrow keys or W, A, S, D to move around.
- Drag the mouse to change the orientation of the camera.
- Press B to toggle display of the bounding boxes of the terrain cells.
- Press T to toggle display of the statistic panel.
You should have a WebGL enabled browser to run this demo. More screenshots can be found here.
|