Generative Art and Shaders: Making Images With Code

This hub collects Demos Lab's guides to making art with code, from the algorithms and noise functions behind organic patterns to GLSL shaders that render in real time on the GPU. It is for creative coders, designers and artists who want to understand how generative systems work and then build their own.

What you'll find here

Algorithms and noise

These guides explain the building blocks of generative work, including Perlin and simplex noise, flow fields, recursion, L-systems and seeded randomness you can reproduce.

GLSL shader techniques

Fragment shader walkthroughs cover signed distance functions, raymarching, domain warping and the math that turns a pixel coordinate into a moving image.

Plotter and physical output

Practical advice covers turning code into pen plotter drawings, from exporting clean SVG paths and optimizing line order to choosing paper and pens that hold up.

Generative design and AI tools

These pieces look at how parametric systems and creative AI tools fit into an artist's workflow, with clear takes on where they help and where hand-written code still does the job better.