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.

Be the first to know what's next

Email

2025 Phobon

phobon.io^↗Shadercraft^↗

Pages

Home^↗Techniques^↗Utilities^↗Sketches^↗Writing^↗

Contact

X @thenoumenon^↗hey@fragments.supply^↗

All rights reserved.

42

Eidolon 4

Rotating geometric shapes with procedural gradients. Animated transformations and cosine color palettes.

↵Sketches ←→

Eidolon 4

Implementation Breakdown Domain Repetition System First Ring Animation Second Ring Animation Color Palette Ring Masking Simple Color Mixing Texture

Technique

procedural-color-palettes^↗

Utils

Boilerplate Project^↗
WebGPU Scene^↗
Sketch Component^↗
Color Space Correction^↗
Cosine Palette^↗
Grain Texture Effect^↗
SDF Shape Functions^↗
screenAspectUV^↗

Log in to see the Breakdown ↵

eidolon⁴

Loading...
Loading...
Loading...
Loading...

Eidolon 1

Eidolon 1

Eidolon 2

Eidolon 2

Eidolon 3

Eidolon 3

Eidolon 5

Eidolon 5