Learn creative coding with shaders

Sketches¹¹⁷ Techniques¹⁰

Be the first to know what's next

First NameEmail

2025 Phobon

phobon.io^↗Shadercraft^↗X (Twitter)^↗

Pages

Home^↗Techniques^↗Sketches^↗Writing^↗Roadmap^↗

All rights reserved.

43

Eidolon 5

A sketch exploring rotating shapes and gradients.

↵Sketches ←→

Full implementation Breakdown Grid-Based Domain Repetition Manual Rotation System First Box Animation Second Box Animation Ring Detail Color Palette System Complex Geometry Masking Weighted 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^↗

↵Sketches ←→

Log in to see the Breakdown ↵

eidolon⁴