Text Stretch

A distortion field that stretches and smears typography as the pointer moves through it, driven by a signed-distance falloff evaluated per pixel.

Techniques: WebGPU, distortion shader, SDF, TSL.

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

Text Stretch

Inspired by demofestival.com/

/work/text-stretch
Checking WebGPU support...