GitHub Account Google Scholar Account LinkedIn Account Twitter Account flickr Account vialab Research Group Profile Page

Random Terrain Generation in WebGL

August 2012

Uses the midpoint displacement algorithm
Vertex normals are calculated to perform the directional lighting
Change the settings and click the button to render the terrain again

Use 'A' and 'Z' to move along the Z axis
Use 'S' and 'X' to move along the X axis
Use 'T' and 'Y' to move along the Y axis
Use 'R' and 'E' to rotate about the X axis
Use 'F' and 'D' to rotate about the Y axis
Use 'V' and 'C' to rotate about the Z axis

References: 1, 2

X Translation: Y Translation: Z Translation:
X Rotation: Y Rotation: Z Rotation:

Settings:

Mid Steps (0 to 5): Step X: Step Y: Displacement Low: Displacement High:
Draw Terrain

Light:

Ambient Light Colour (0.0 to 1.0): R: G: B:
Directional Light Direction: X: Y: Z:
Directional Light Colour (0.0 to 1.0): R: G: B:

Original Terrain: