top of page

Terrain Generator

  • Calculated Normal vectors for each triangle mesh, and used random partition method to generate various heights for the mesh to simulate the terrain model.

  • Applied Blinn-Phong Shading to the terrain model, colored the model differently based on the height, and implemented fog feature based on depth from the camera.

  • Simulated flight effect, controlling view directions and moving speed through keyboard

​Concept included: Surface normal calculation, Blinn-Phong shading model, distance fog

Skills related: WebGL, JavaScript

e439e8b557c79597c038c859d659908_edited_e

Used WebGL and JavaScript to craft a terrain model with randomized elevation, further applied fog and shading effects.

Weixin Image_20231115171126.jpg
Weixin Image_20231115171726.jpg
WebGL, JavaScript
bottom of page