Parallax Depth

Parallax occlusion mapping offsets UVs by a height map along the view vector, giving a flat cobblestone plane real depth without extra triangles.

Techniques: WebGPU, parallax occlusion mapping, height maps, TSL.

Interactive WebGPU demo by Jingfu Chen. Requires a browser with WebGPU support, such as Chrome 113 or later.

Parallax Depth

TSL Parallax UV Mapping

/work/parallax-depth
Checking WebGPU support...