Breakdowns

  • 08emergeNewFree
  • 08singularityNew
  • 05penumbraNew
  • 08nebulaNew
  • 21genuary26
  • 07bands
  • 05slate
  • 10gravity
  • 05warp
  • 05abiogenic
  • 10cascade
  • 08shift
  • 07formation
  • 02mesh
  • 08imaginary
  • 06arcs
  • 05dawnFree
  • 05eidolon
  • 09flareFree
  • 29genuary2025
Join waitlist ↵

Explore detailed breakdowns of every shader.

    genuary2621

    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
Works171
Writing31

Fragments

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

Loading...

2025 Phobon

phobon.ioShadercraft

Pages

HomeTechniquesUtilitiesBreakdownsWorksWriting

Contact

X @thenoumenonhey@fragments.supplyOKAY DEV @phobon
All rights reserved.
sketches/genuary26-1.webp

Genuary 1

Minimalist composition exploring the power of simplicity through a single geometric form rendered in monochrome creating elegant visual harmony.

sketches/genuary26-2.webp

Genuary 2

Exploring the twelve fundamental principles of animation through procedural motion and timing creating dynamic visual narratives in generative art.

sketches/genuary26-3.webp

Genuary 3

Genuary 3: Fibonacci Forever. Mathematical sequence visualization through recursive patterns creating natural spirals and golden ratio compositions.

sketches/genuary26-4.webp

Genuary 4

Genuary 4: Lowres. Selective pixellation applied to high-luminosity areas creating contrast between detailed and pixelated regions through shader techniques.

sketches/genuary26-5.webp

Genuary 5

Genuary 5: Write "Genuary". Typographic exploration avoiding traditional fonts, creating letterforms through procedural shapes and geometric construction.

sketches/genuary26-6.webp

Genuary 6

Genuary 6: Lights on/off. Interactive visualization that transforms when digital lights switch, exploring binary states and dramatic visual transitions.

sketches/genuary26-7.webp

Genuary 7

Genuary 7: Boolean algebra. Logical operations visualized through geometric patterns and set theory creating structured compositions from mathematical concepts.

sketches/genuary26-8.webp

Genuary 8

Genuary 8: A City. Procedural metropolis generation through domain repetition and SDF buildings creating urban landscapes with architectural variety.

sketches/genuary26-9.webp

Genuary 9

Genuary 9: Crazy automaton. Cellular automata with unconventional rules creating emergent patterns and unexpected behaviors through iterative computation.

sketches/genuary26-12.webp

Genuary 12

Genuary 12: Boxes only. Geometric constraint study using exclusively rectangular forms to build complex compositions through repetition and variation.

sketches/genuary26-13.webp

Genuary 13

Genuary 13: Self portrait. Generative self-representation through algorithmic interpretation creating abstract visual identity from procedural patterns.

sketches/genuary26-14.webp

Genuary 14

Genuary 14: Everything fits perfectly. Precision alignment study where geometric elements interlock seamlessly creating harmonious spatial relationships.

sketches/genuary26-17.webp

Genuary 17

Genuary 17: Wallpaper group. There are only 17 ways to cover a plane with a repeating pattern — choose your favourite.

sketches/genuary26-19.webp

Genuary 19

Genuary 19: 16x16. Extreme constraint working within a tiny grid creating pixel art aesthetics through minimal resolution and maximum creativity.

sketches/genuary26-20.webp

Genuary 20

Genuary 20: One line. Continuous path artwork exploring the complexity possible within a single unbroken stroke creating intricate visual narratives.

sketches/genuary26-21.webp

Genuary 21

Genuary 21: Bauhaus Poster. Design principles from the German art school creating geometric compositions with bold colors and functional aesthetics.

sketches/genuary26-23.webp

Genuary 23

Genuary 23: Transparency. Layered compositions exploring opacity and translucency creating depth through overlapping transparent geometric forms.

sketches/genuary26-24.webp

Genuary 24

Genuary 24: Perfectionist's nightmare. Embracing imperfection and randomness creating organic variations that challenge precise geometric ideals.

sketches/genuary26-25.webp

Genuary 25

Genuary 25: Organic Geometry. Forms that look or act organic but are constructed entirely from geometric shapes.

sketches/genuary26-27.webp

Genuary 27

Genuary 27: Lifeform. Organic structures that simulate growth and behavior creating animated shapes that feel alive through procedural animation.

sketches/genuary26-30.webp

Genuary 30

Genuary 30: It's not a bug, it's a feature. Celebrating visual glitches and unexpected artifacts as intentional design elements in generative art.

Be the first to know what's next