04boilerplateFree
02color
01noise
12postprocessing
06patterns
03distortion
02sdf
06function
04interactivityNew

Utilities to kickstart your creative coding projects.

distortion³

Fragments

Learn creative coding with shaders. For design engineers, creative coders and shader artists: techniques, tools, deep dives. Powered by ThreeJS and TSL.

Utilities/Distortion

04boilerplateFree
02color
01noise
12postprocessing
06patterns
03distortion
02sdf
06function
04interactivityNew

Unlock the Collection ↵

Utilities to kickstart your creative coding projects.

distortion³

Bulge Distortion
UV distortion function for bulge and pinch effects. Create magnifying glass or fisheye transformations with customizable falloff.
r3f
vanilla
Loading...
Swirl Distortion
UV distortion function for rotational swirl effects. Create vortex transformations with distance-based rotation falloff.
r3f
vanilla
Loading...
Wave Distortion
UV distortion function for sinusoidal wave effects. Add rippling distortion patterns with configurable frequency and direction.
r3f
vanilla
Loading...

Sketches¹¹⁴ Writing²³

Fragments

Learn creative coding with shaders. For design engineers, creative coders and shader artists: techniques, tools, deep dives. Powered by ThreeJS and TSL.