Occupy

const phase = [

  [0.10, 0.90, 0.90],

  [0.00, 0.00, 0.00],

  [0.90, 0.10, 0.50],

  [0.00, 0.00, 0.20],

  [0.00, 0.33, 0.67],

  [0.00, 0.10, 0.20],

  [0.30, 0.20, 0.20],

]

let theShader

let Buffer

let colorPhase

let displaceWei

let uvScale

let floorUvMode

let seed

​

function setup() {

  createCanvas(1200, 600, WEBGL)

  flex({ container: { padding: "60px 20px" } })

  pixelDensity(2)

  Buffer = createFramebuffer({ format: FLOAT })

  theShader = createShader(vert, frag)

  noStroke()

  imageMode(CENTER)

  colorPhase = random(phase)

  displaceWei = random([0, 0.05, 0.5])

  floorUvMode = random([0, 1, 2, 3, 4])

  uvScale = random([0, 50, 100, 1000])

  seed = [random(-20, 20), random(-20, 20)]

  background(0)

}

​

function draw() {

  Buffer.draw(() => {

    shader(theShader)

    theShader.setUniform("iResolution", [width, height])

    theShader.setUniform("iTime", frameCount)

    theShader.setUniform("iColorPhase", colorPhase)

    theShader.setUniform("iDisplaceWei", displaceWei)

    theShader.setUniform("iFloorUvMode", floorUvMode)

    theShader.setUniform("iUvScale", uvScale)

    theShader.setUniform("iSeed", seed)

    rect(0, 0, width, height)

  })

  image(Buffer, 0, 0)

}

​