Sketches120Writing18

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.
67

Mesh 5

Custom mesh gradient with multi-point color interpolation. Smooth organic blending in shaders.

↵Sketches←→
Mesh 5
↑
ImplementationBreakdownControl PointsColor PaletteWarping FunctionCoordinatesGradient Interpolation

Technique

mesh-gradient↗

Utils

  • Boilerplate Project↗
  • WebGPU Scene↗
  • Sketch Component↗
  • Color Space Correction↗
↵Sketches
←→
Log in to see the Breakdown ↵

mesh7

  • Mesh 1

    Mesh 1

  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...
Mesh 2

Mesh 2

Mesh 3

Mesh 3

Mesh 4

Mesh 4

Mesh 6

Mesh 6

Mesh 7

Mesh 7

Mesh 8

Mesh 8