Web-based terrain renderer developed in JavaScript and WebGL

Heightmap Terrain

  • Juan Becerra
  • December 2019

This was one of my projects for my Computer Graphics course at Boise State University. This project tasked us with utilizing Javascript and WebGL to create a 100 x 100 grid with corresponding faces and normals, loading heightmap data into fragment/vertex shaders, and pulling vertices in a vertex shader in order to simulate terrain lit with a point and ambient light. The interactive HTML page also allows users to mess with matrix operations as well as lighting colors (link below).

Demo

Project Repository