Fragments/Utilities/Distortion

  • 04boilerplateFree
  • 03colorNew
  • 06patterns
  • 02sdf
  • 07functionNew
  • 03systemNewFree
  • 04interactivity
  • 01noise
  • 22postprocessingNew
  • 08distortionNew

Get the course ↵

Utilities to kickstart your creative coding projects.

    distortion8

    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
Curriculum
Works171
Writing39

Fragments

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

New techniques, breakdowns and shader experiments — straight to your inbox.

2026 Phobon

phobon.ioShadercraft

Pages

HomeTechniquesUtilitiesBreakdownsWorksWriting

Contact

X @thenoumenonhey@fragments.supplyOKAY DEV @phobon
All rights reserved.
utilities/bulge-distortion.webp

Bulge Distortion

UV distortion function for bulge and pinch effects. Create magnifying glass or fisheye transformations with customizable falloff.

r3f
vanilla
utilities/swirl-distortion.webp

Swirl Distortion

UV distortion function for rotational swirl effects. Create vortex transformations with distance-based rotation falloff.

r3f
vanilla
utilities/wave-distortion.webp

Wave Distortion

UV distortion function for sinusoidal wave effects. Add rippling distortion patterns with configurable frequency and direction.

r3f
vanilla
utilities/fluted-glass.webp

Fluted Glass Distortion

UV distortion function for ribbed / fluted glass refraction. Bend an image through configurable vertical ribs with waves, bars, or rounded profiles.

New
r3f
vanilla
utilities/kaleidoscope-distortion.webp

Kaleidoscope Distortion

UV distortion function for kaleidoscope symmetry. Fold an image into mirrored radial segments for mandala-like compositions.

New
r3f
vanilla
utilities/mirror-distortion.webp

Mirror Distortion

UV distortion function for mirroring across an arbitrary line. Reflect one half of an image onto the other about any axis.

New
r3f
vanilla
utilities/polar-distortion.webp

Polar Distortion

UV distortion function for cartesian-to-polar remapping. Create tunnel, vortex, and tiny-planet transformations.

New
r3f
vanilla
utilities/stretch-distortion.webp

Stretch Distortion

UV distortion function for stretching and squeezing along an axis. Pull or compress an image from an anchor point.

New
r3f
vanilla