29genuary25
09flare
05dawnFree
08imaginary
10cascade
05warp
05eidolon
06arcs
02mesh
07formation
08shift
05abiogenic
10gravity
05slate
07bands
21genuary26
08nebulaNew
05penumbraNew
08singularityNew
08emergeNew

Explore detailed breakdowns of every shader.

genuary25²⁹

Fragments

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

29genuary25
09flare
05dawnFree
08imaginary
10cascade
05warp
05eidolon
06arcs
02mesh
07formation
08shift
05abiogenic
10gravity
05slate
07bands
21genuary26
08nebulaNew
05penumbraNew
08singularityNew
08emergeNew

Explore detailed breakdowns of every shader.

genuary25²⁹

Genuary 1
Horizontal or vertical lines only. Minimalist linear composition in WebGPU: structure and spacing do the work, no extra geometry.
Loading...
Genuary 2
Layers upon layers upon layers. Transparent stacks and depth sorting build complexity while keeping each sheet readable alone.
Loading...
Genuary 3
Exactly 42 lines of code. A tight fractal shader that stays inside the line budget and still reads as a full idea.
Loading...
Genuary 4
Black on black. Monochrome plate where texture and micro-contrast carry depth without leaning on a second hue.
Loading...
Genuary 5
Isometric art with no vanishing points. Parallel projection keeps parallel lines honest; shading sells the illusion.
Loading...
Genuary 6
Landscape using only primitive shapes. SDF primitives assemble a minimal outdoor read without freehand curves.
Loading...
Genuary 8
Draw one million of something. GPU instancing and particles stress scale so density becomes the subject, not detail.
Loading...
Genuary 9
Textile patterns from public transport seating. Loud repeats and modular rhythm nod to upholstery grids and bus fabric.
Loading...
Genuary 10
Only use TAU in your code. The constant steers circles, turns, and phase so the piece stays mathematically disciplined.
Loading...
Genuary 11
Impossible day. Illusions, paradoxical forms, and shader tricks that read wrong at first and settle on second look.
Loading...
Genuary 12
Subdivision. Recursive splitting of space yields fractal-like blocks without hand placing every tiny cell by hand.
Loading...
Genuary 13
Triangles and nothing else. Triangle SDFs tile patterns, trims, and fills while staying inside the one-shape rule.
Loading...
Genuary 14
Pure black and white, no gray. Hard clipping keeps every pixel pure black or pure white with no muddy mid ramps.
Loading...
Genuary 15
Design a rug. Symmetry, borders, and repeats read woven even when colors stay flat and pattern leads the whole shot.
Loading...
Genuary 16
Generative palette. Cosine ramps and fractal cues steer harmony instead of hand picked swatches on a reference sheet.
Loading...
Genuary 17
What happens if pi=4? Warped circles and bent arcs toy with expectations of round geometry versus square distance norms.
Loading...
Genuary 18
What does wind look like? Particles and flow fields hint at gusts you cannot see by how they push marks around.
Loading...
Genuary 19
Op art. High contrast stripes and geometry bait the eye with moiré shimmer and vibration on an otherwise flat plane.
Loading...
Genuary 20
Generative architecture. Domain repetition and signed distance strokes stack blocks into pseudo city silhouettes.
Loading...
Genuary 22
Gradients only. Soft blends do all forming in the shader, with no explicit mask layer besides the color ramp itself.
Loading...
Genuary 23
Inspired by brutalism. Raw massing, blunt edges, and restrained palettes in a raymarched brutalist mood with sober light.
Loading...
Genuary 24
A Genuary sketch: pick a circle, rectangle, or triangle and use only that primitive for the whole geometric composition.
Loading...
Genuary 25
One line that may or may not intersect itself. A single path bends into loops and figure knots without lifting the pen.
Loading...
Genuary 26
Symmetry. Mirrors and repeats fold space so balanced structure lands faster than freeform asymmetry would allow here.
Loading...
Genuary 27
No randomness, noise, or trig. Deterministic building blocks only, so repeats stay predictable in code and output.
Loading...
Genuary 28
Infinite scroll. Seamless tiling and looping UV read like an endless pan with no visible seam at the frame border.
Loading...
Genuary 29
Grid-based graphic design. Modular cells repeat with clear rhythm, margins, and a poster like systematic layout tone.
Loading...
Genuary 30
Abstract map. Noise shaped into terrain marks and stylized shores without spelling out a real world location name.
Loading...
Genuary 31
Pixel sorting. Compute reorders rows and columns to trade photographic accuracy for streaky glitch forward aesthetics.
Loading...

Works¹⁷¹

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

2025 Phobon

phobon.io Shadercraft

Pages

Home Techniques Utilities Breakdowns Works Writing

Contact

X @thenoumenon hey@fragments.supply OKAY DEV @phobon

Genuary 1

Horizontal or vertical lines only. Minimalist linear composition in WebGPU: structure and spacing do the work, no extra geometry.

Genuary 2

Layers upon layers upon layers. Transparent stacks and depth sorting build complexity while keeping each sheet readable alone.

Genuary 3

Exactly 42 lines of code. A tight fractal shader that stays inside the line budget and still reads as a full idea.

Genuary 4

Black on black. Monochrome plate where texture and micro-contrast carry depth without leaning on a second hue.

Genuary 5

Isometric art with no vanishing points. Parallel projection keeps parallel lines honest; shading sells the illusion.

Genuary 6

Landscape using only primitive shapes. SDF primitives assemble a minimal outdoor read without freehand curves.

Genuary 8

Draw one million of something. GPU instancing and particles stress scale so density becomes the subject, not detail.

Genuary 9

Textile patterns from public transport seating. Loud repeats and modular rhythm nod to upholstery grids and bus fabric.

Genuary 10

Only use TAU in your code. The constant steers circles, turns, and phase so the piece stays mathematically disciplined.

Genuary 11

Impossible day. Illusions, paradoxical forms, and shader tricks that read wrong at first and settle on second look.

Genuary 12

Subdivision. Recursive splitting of space yields fractal-like blocks without hand placing every tiny cell by hand.

Genuary 13

Triangles and nothing else. Triangle SDFs tile patterns, trims, and fills while staying inside the one-shape rule.

Genuary 14

Pure black and white, no gray. Hard clipping keeps every pixel pure black or pure white with no muddy mid ramps.

Genuary 15

Design a rug. Symmetry, borders, and repeats read woven even when colors stay flat and pattern leads the whole shot.

Genuary 16

Generative palette. Cosine ramps and fractal cues steer harmony instead of hand picked swatches on a reference sheet.

Genuary 17

What happens if pi=4? Warped circles and bent arcs toy with expectations of round geometry versus square distance norms.

Genuary 18

What does wind look like? Particles and flow fields hint at gusts you cannot see by how they push marks around.

Genuary 19

Op art. High contrast stripes and geometry bait the eye with moiré shimmer and vibration on an otherwise flat plane.

Genuary 20

Generative architecture. Domain repetition and signed distance strokes stack blocks into pseudo city silhouettes.

Genuary 22

Gradients only. Soft blends do all forming in the shader, with no explicit mask layer besides the color ramp itself.

Genuary 23

Inspired by brutalism. Raw massing, blunt edges, and restrained palettes in a raymarched brutalist mood with sober light.

Genuary 24

A Genuary sketch: pick a circle, rectangle, or triangle and use only that primitive for the whole geometric composition.

Genuary 25

One line that may or may not intersect itself. A single path bends into loops and figure knots without lifting the pen.

Genuary 26

Symmetry. Mirrors and repeats fold space so balanced structure lands faster than freeform asymmetry would allow here.

Genuary 27

No randomness, noise, or trig. Deterministic building blocks only, so repeats stay predictable in code and output.

Genuary 28

Infinite scroll. Seamless tiling and looping UV read like an endless pan with no visible seam at the frame border.

Genuary 29

Grid-based graphic design. Modular cells repeat with clear rhythm, margins, and a poster like systematic layout tone.

Genuary 30

Abstract map. Noise shaped into terrain marks and stylized shores without spelling out a real world location name.

Genuary 31

Pixel sorting. Compute reorders rows and columns to trade photographic accuracy for streaky glitch forward aesthetics.