This renderer is created using the widely available WebGL2 API. It uses a noise function with time as an input to produce the heights of the vertices and is lit with some basic flat shading. If you look closely you'll notice that as the bumps proceed into the distance they get less and less opaque. This was a slight challenge to implement because I wanted to make it seem like a smooth transition, but I didn't want things that were too close to be transparent and I wanted things in the distance to be still visible. This is the function responsible for the distance easing:

float ease(float x) {
    return pow(x * 3., 4.);
}

It's not complex, but it's key to note that the input depth value doesn't increase linearly as the depth increases.

- Gabe