← Back to catalog📄 Implementation guide
Advanced WebGL / Canvas

Procedural Noise Background

Generates organic animated textures using mathematical noise.

Artistic, subtle, advanced

Professional
Casual
Exotic
Visual impact
Difficulty
Performance cost

Best use: Premium backgrounds, creative UI

◇ Generative design studio

Living surfaces,
grown from pure math.

Substrata composes infinite, never-repeating backdrops from domain-warped simplex noise — synthesized on the GPU in real time, so every visit unfolds a canvas that is quietly, endlessly alive.

Technique: animated fbm + domain warping over 2D simplex noise, colorized with an Inigo-Quilez cosine palette in a GLSL fragment shader on a three.js full-screen quad