Still experimenting with TSL , WebGPURenderer and the implementation of compute shaders in Three.js



This time I&#8217;m dynamically creating the geometry (vertices + normals + UVs) of the isolines from a noise heightmap, all in a compute shader pass.



Add to that plenty of configuration options, colors and animation.



Project with commented source code is available on GitHub : <a href="https://github.com/ULuIQ12/webgpu-isoline-geometry" target="_blank" rel="noreferrer noopener">https://github.com/ULuIQ12/webgpu-isoline-geometry</a>

Isolines dynamic geometry

Isolines geometry of a noise dynamically created in a compute shader pass with Three.js / TSL

More content