Sketches120Writing15

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↗Sketches↗Writing↗

Contact

X @thenoumenon↗hey@fragments.supply↗
All rights reserved.

Writing about shaders and creative coding.

Get new posts straight to your inbox!

  • 15-building-mesh-gradients-12-times
    152025-10-08
    2025-10-08

    I built the same thing 12 times and I'll do it again

    Most people hate repetition, but I've spent years making the same mesh gradient over and over. Here's why remaking the same thing teaches you more than making new things.

  • 14-why-learn-shaders
    142025-10-01
    2025-10-01

    Why should you learn to write shaders?

    A dive into why I think you should learn to write shaders, and how it can unlock a whole new world of creativity and expression.

  • 13-early-access-meshgradient
    132025-09-24
    2025-09-24

    Fragments Early Access — Mesh Gradient

    Rounding out week three of early access with the debut of the Mesh Gradient technique!

  • 12-early-access-pixelsorting
    122025-09-17
    2025-09-17

    Fragments Early Access — Pixel Sorting

    Week two of early access is in the books — now with an all new technique!

  • 11-early-access-noise
    112025-09-09
    2025-09-09

    Fragments Early Access — Noise

    First week of early access is in the books — what's coming next?

  • 10-early-access-launch
    102025-09-03
    2025-09-03

    Building Fragments — Early Access Launch

    We're ready to go! Early access is now live!

  • 9-early-access
    092025-08-20
    2025-08-20

    Building Fragments — Early Access

    Let's talk about what Early Access is, and what you can expect from it

  • 8-fragments-preview
    082025-08-14
    2025-08-14

    Building Fragments — Preview

    Ahead of early access launch - here's a preview of the platform!

  • 7-new-landing-page
    072025-08-06
    2025-08-06

    Building Fragments — A new landing page

    A new landing page, questions and answers and the final touches before early access launch

  • 6-dawn-2-breakdown
    062025-07-31
    2025-07-31

    Breakdown of Dawn 2

    A breakdown of the Dawn 2 shader, and the inspiration behind it.

  • 5-process
    052025-07-16
    2025-07-16

    Building Fragments — A Creative Process

    A process for creative coding with shaders.

  • 4-utils
    042025-07-08
    2025-07-08

    Building Fragments — Utils

    An overview of what utilities in Fragments are, and how I use them in my own sketches.

  • 3-sketch-breakdowns
    032025-07-01
    2025-07-01

    Building Fragments — Sketch Breakdowns

    Talking about the sketches in Fragments and breaking down how they work.

  • 2-collection
    022025-06-24
    2025-06-24

    Building Fragments — The Collection

    Diving into the Collection - the heart of Fragments. What's in it and how is it structured?

  • 1-building-fragments
    012025-06-17
    2025-06-17

    Building Fragments — What is this thing?

    What is this thing? Why am I building it? Who is it for?