Sketches120Writing18

Fragments

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

Be the first to know what's next

2025 Phobon

phobon.io↗Shadercraft↗

Pages

Home↗Techniques↗Utilities↗Sketches↗Writing↗

Contact

X @thenoumenon↗hey@fragments.supply↗
All rights reserved.
89

Cascade 4

Kaleidoscopic fractal using shearing matrices. Domain warping creates skewed symmetrical patterns.

↵Sketches←→
Cascade 4
↑
ImplementationBreakdownSimplified Time AnimationPure Shearing Matrix SystemStandard Banding EffectBlue-Dominated Color Balance

Technique

kaleidoscopic-fractal↗

Utils

  • Boilerplate Project↗
  • WebGPU Scene↗
  • Sketch Component↗
  • Color Space Correction↗
  • Cosine Palette↗
  • screenAspectUV↗
↵Sketches
←→
Log in to see the Breakdown ↵

cascade9

  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
Cascade 1

Cascade 1

Cascade 2

Cascade 2

Cascade 3

Cascade 3

Cascade 5

Cascade 5

Cascade 6

Cascade 6

Cascade 7

Cascade 7

Cascade 8

Cascade 8

Cascade 9

Cascade 9

Cascade 10

Cascade 10