Art workflow with shaders and Processing

How to create static output images with shaders and Processing

Contents

Lately I've been doing a deep dive into shaders and making greater attempts to incorporate it into my artistic workflow. I use processing or p5 for all of my generative pieces, but I'm very partial towards processing if the artwork doesn't need to exist in the browser.

I've used this setup to create Strata by layering multiple PGraphics buffers with their own set of shaders attached to them.

Strata #1
Strata #1

The main goals I had for my setup were:

  1. Write the shader code in .glsl files
  2. Pass data to the shaders through my processing files
  3. Ability to consistently generate static exports of the algorithm

Using .glsl files

Pass data via processing

void draw(){}

Static exporting