This 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.
| Visits | 195 |
| Categories | Demos |
| Languages | English |
| Registration | Not required |
| Installable Apps | - |
| Mobile-friendly | + |
| Progressive Web App | - |
| API | - |
| Widget | - |
| Open-source | + |
| Source code | https://code.google.com/archive/p/webgl-nature-scene/ |
| Publisher | |
| Date added/updated | 06.19.2025 |
| REPORT A PROBLEM |