DEEP [dynamic heightmap, textured fog]

Hi community!

Video:

Demo: https://codepen.io/prisoner849/full/yLWaLbw

Long story short: a dynamic texture (WebGLRenderTarget) of three synchronized noises (hightmap, colormap, data for the aqua pattern; rgb-channels respectively), textured fog (patched shader chunks).

PS Music is at the bottom left corner :slight_smile:

15 Likes

This … whatever it is … it has eyes!!!

BTW, I always learn something from your code. For example, this time I learned that it is possible to customize individual shader chunks (with all the side effects this may cause). So far, I was only modifying the complete enchunked shaders in onBeforeCompile.

4 Likes

Student: “What are those spheres at the bottom of the ocean?”
Marine Biologist: “Eh, stuff.”

1 Like

The hardest part is to give names to variables :smile:

1 Like

It looks cool, is it possible to change the color of the fog?

Feel free to change the color value in this line:
let fog = new THREE.Fog(0x113366, 5, 80);

I like the equidistant spacing of D & P, in alphabetical relation to, B & R… The demo is :ok_hand::melting_face::fire:

1 Like

@Lawrence3DPK
You’ve made my evening :smile: