Learn and experiment with creative coding techniques.

  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
1st anniversary sale: 33% off until Sept 17
Curriculum
Works171
Writing45
1st anniversary sale: 33% off until Sept 17

Fragments

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

New techniques, breakdowns and shader experiments — straight to your inbox.

2026 Phobon

phobon.ioartifice.shshadercraft

Pages

HomeTechniquesUtilitiesBreakdownsWorksWriting

Contact

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

Thinking in Code

A creative coding process for finding inspiration and experimenting with shaders.

sketches/arcs-2.webp

Geometric Shapes

Creating and combining basic geometry to build complex patterns and structures.

Free
sketches/warp-1.webp

Procedural Color Palettes

Generate limitless color variety in shaders using simple functions.

sketches/genuary-20.webp

Domain Repetition

Create endless repeating patterns by transforming coordinate space.

sketches/cascade-4.webp

Kaleidoscopic Fractal

Infinitely complex geometric patterns with repeating structure at different scales.

sketches/slate-3.webp

Noise

Generate natural-looking textures and motion using pseudo-random values.

sketches/mesh-7.webp

Mesh Gradient

Create organic color transitions by warping coordinate spaces and blending color points.

Interactivity

Make shaders responsive with cursor following, trails, and buffered click interactions.

sketches/abiogenic-1.webp

Raymarching

Create complex 3D scenes with minimal memory using signed distance functions.

sketches/gravity-6.webp

Flow Field

Create organic patterns and flowing motion using direction vectors and velocity.

sketches/shift-8.webp

Pixel Sorting

Create glitch art effects by reordering pixels based on their properties.

sketches/genuary26-9.webp

Cellular Automata

Grid-based evolution from local rules using compute shaders; Conway and beyond.

New