This interactive demo needs WebGPU, which isn't available here. It runs in current Chrome or Edge on Windows, macOS and ChromeOS, Chrome on Android 12+, and Safari 26, with hardware acceleration turned on.

Parallax Occlusion Mapping

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. An interactive WebGPU demo by Jingfu Chen.

Parallax Depth
Checking WebGPU support…