Home > Demos > WebGL Nature Scene

WebGL Nature Scene

User Rating:
Not rated
Be the first!
Price: Free

A tech experiment on rendering realistic-looking natural scene using WebGL.

Screenshots

WebGL Nature Scene ScreenshotWebGL Nature Scene Screenshot

Description

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.


Your rating

User reviews

Be the first to write a review!

Full specifications

Visits195
CategoriesDemos
LanguagesEnglish
RegistrationNot 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/updated06.19.2025
REPORT A PROBLEM

More apps to consider

© 2010-2025 Pothos    Privacy Policy
Language
Language
About Us
About Us
Google Chrome App
Google Chrome App
Contact Us
Contact Us
Submit Application
Submit Application