Learn creative coding with shaders

Sketches¹²⁰ Writing¹³

Be the first to know what's next

First NameEmail

2025 Phobon

phobon.io^↗Shadercraft^↗X (Twitter)^↗

Pages

Home^↗Techniques^↗Utilities^↗Sketches^↗Writing^↗

All rights reserved.

69

Mesh 7

A sketch exploring custom mesh gradients.

↵Sketches ←→

Mesh 7

Full implementation Breakdown Corner-Based Control Point System Color Palette System Standard Warping Function Direct Coordinate Usage Simplified Gradient Interpolation

Technique

mesh-gradient^↗

Utils

Boilerplate Project^↗
WebGPU Scene^↗
Sketch Component^↗
Color Space Correction^↗

Log in to see the Breakdown ↵

mesh⁷

Mesh 1
Mesh 2
Mesh 3
Mesh 4
Mesh 5
Mesh 6
Mesh 8