EMIROCreative developerLocal time
Contact

03Research

Mesh gradients without the heavy files: four colors, a little noise and a lot of grain.

All research
Shader Gradients
Year
2025
Role
Graphics
Tools
WebGL2, GLSL
Contact
emriodeve@gmail.com
01

Overview

Shader Gradients
Shader Gradients
02

Approach

  1. 01

    Corners

    Four colors from one palette, blended with smoothstep.

  2. 02

    Warp

    Noise bends the blend so it never looks linear.

  3. 03

    Grain

    Static grain hides 8-bit banding.

Shader Gradients

A fine grain on top removes banding and gives the result a printed feel.

03

Credits

Concept
EMIRO
Design
EMIRO
Development
EMIRO
Tools
WebGL2, GLSL