Sketches114Writing20

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!

  • 20-making-shaders-respond-like-toys
    202025-11-11

    Making shaders respond like toys

    Preview the Interactivity technique for creative coding with Three.js—pointer tracking, grid trails, and click bursts that design engineers can ship fast.

  • 19-making-pixels-misbehave
    192025-11-04

    Making pixels misbehave with distortion

    Wave, swirl, and bulge distortion utilities are now live. Here's how they work and why distortion effects are just so fun to use.

  • 18-why-some-techniques-stick-and-others-dont
    182025-10-28

    Why some techniques stick and others don't

    What makes certain shader techniques memorable while others fade away? Here's what I've learned about why some stick in your toolkit forever.

  • 17-entering-my-post-processing-era
    172025-10-21

    Entering my post-processing era

    A fresh batch of shader effects for your creative toolkit. From vintage aesthetics to crazy glitches.

  • 16-almost-quit-making-led-effect
    162025-10-15

    I almost quit making this LED effect

    Hours of tweaking shapes and offsets almost broke me. Here's what happens when you push through the frustration.

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

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

    I've rebuilt the same mesh gradient 12 times. Why remaking the same thing teaches more than making new things.

  • 14-why-learn-shaders
    142025-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

    Fragments Early Access — Mesh Gradient

    Week three of early access: mesh gradient technique launches with custom color interpolation.

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

    Fragments Early Access — Pixel Sorting

    Week two of early access: pixel sorting technique debuts, new utilities, and expanding the toolkit.

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

    Fragments Early Access — Noise

    Week one of early access: noise techniques launched, community feedback, and what's coming next.

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

    Building Fragments — Early Access Launch

    Early access is live! What's included, subscriber benefits, and the journey from concept to launch.

  • 9-early-access
    092025-08-20

    Building Fragments — Early Access

    What Fragments Early Access includes: pricing, content roadmap, and what to expect at launch.

  • 8-fragments-preview
    082025-08-14

    Building Fragments — Preview

    Preview of Fragments before launch: UI walkthrough, features, and what makes the platform different.

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

    Building Fragments — A new landing page

    New landing page design, answering community questions, and final touches before early access launch.

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

    Breakdown of Dawn 2

    Dawn 2 shader breakdown: gradient techniques, color theory, and inspiration from Rik Oostenbroek.

  • 5-process
    052025-07-16

    Building Fragments — A Creative Process

    My creative process for building shader art. From concept through iteration to final composition.

  • 4-utils
    042025-07-08

    Building Fragments — Utils

    Guide to Fragments utilities: copy-paste components and shader functions for faster creative coding workflows.

  • 3-sketch-breakdowns
    032025-07-01

    Building Fragments — Sketch Breakdowns

    Diving into sketch breakdowns: how they work, code structure, and shader composition explained.

  • 2-collection
    022025-06-24

    Building Fragments — The Collection

    Exploring the Fragments Collection: techniques, utilities, sketches, and how it all connects.

  • 1-building-fragments
    012025-06-17

    Building Fragments — What is this thing?

    What Fragments is, why I'm building it, and who it's for. The origin story.