Fragments/Breakdowns

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

Register now ↵

Explore detailed breakdowns of every shader.

    penumbra5

    • Loading...
    • Loading...
    • Loading...
    • Loading...
    • Loading...
Works171
Writing35

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/penumbra-1.webp

Penumbra 1

Raymarched fractals with a procedural palette, inspired by XorDev. Soft volumetric fog stacks in layers so distance reads more like air than a flat plane.

New
sketches/penumbra-2.webp

Penumbra 2

Self-similar ridges at a few scales, with colors cycling through dusk-like tones. Glow stays in the gaps between folds instead of on the edges.

New
sketches/penumbra-3.webp

Penumbra 3

Thick fog hides fine detail, leaving silhouettes and smooth gradients. Darker areas feel further away even when the layout is similar.

New
sketches/penumbra-4.webp

Penumbra 4

Light-to-dark transitions stay soft: bright regions taper into shadow instead of a sharp line, so the blend zone does most of the work.

New
sketches/penumbra-5.webp

Penumbra 5

Layers align into one strong bright band. The noisy fractal detail eases off into a quieter, lower-contrast finish by the end.

New

Be the first to know what's next