[Source] webgl have advanced skills (seven) 7 step height map produced by the topography of each step Source

https://github.com/wybiral/terrain

Links: https://pan.baidu.com/s/1lx-SD7cfwhI60tg_rjal6w extraction code: 1wd6 

github or Baidu network disk link

The first step: Use Three.js

Step Two: Generate a random terrain

The third step: using the height map

Step 4: Adding texture

Step five: the level of control, automatically moves forward, according to the camera position determines the level of terrain

Step Six: free mouse and keyboard control

Step Seven: add fog