Spores - OpenProcessing

mySketch
Mushroom
makeSmokeShader
xxxxxxxxxx
 
/**
 * This is an entry to @sableRaph's weekly creative code challenge
 * for the theme "fungi."
 *
 * The code is mostly two parts:
 * - the Mushroom class, which makes a random stem and cap as
 *   p5.Geometry
 * - the smoke shader, which is a video feedback effect. Each frame,
 *   the previous frame is stretched according to a Perlin noise
 *   flow field and is made less opaque. If the flow field stretches
 *   pixels apart, they're made less opaque. If it compresses pixels
 *   together, they become more opaque.
 *
 */
​
let prev, next
let smokeShader
let timeSeed
let mushrooms = []
​
function setup() {
  createCanvas(windowWidth, windowHeight, WEBGL)
  setAttributes({ antialias: true })
  pixelDensity(1)
  smokeShader = createShader(...makeSmokeShader())
  prev = createFramebuffer({ format: FLOAT })
  next = createFramebuffer({ format: FLOAT })
  timeSeed = random(100000)
}
​
function mousePressed() {
  makeMushrooms()
}
​
function makeMushrooms() {
  while (mushrooms.length > 0) {
    mushrooms.pop().unmount()
  }
  
  const numMushrooms = random([4, 5, 6, 7])
  for (let i = 0; i < numMushrooms; i++) {
    mushrooms.push(new Mushroom(createVector(
      map(i, 0, numMushrooms-1, -width*0.3, width*0.3) + random(-0.05, 0.05) * width,
      height*0.3,
      0,
    )))
  }
  prev.draw(() => clear())
  next.draw(() => clear())
}
​
function windowResized() {
  resizeCanvas(windowWidth, windowHeight, WEBGL)
}
​
let scene = -1
function draw() {
  [prev, next] = [next, prev]
  
  const t = millis()
  
  const timePerScene = 20000
  const nextScene = floor(t / timePerScene)
  if (scene !== nextScene) {
    makeMushrooms()
    scene = nextScene
  }
  
  next.draw(() => {
    clear()
    
    noStroke()
    
    push()
    // Do video feedback to make a smoke effect
    shader(smokeShader)
    smokeShader.setUniform('uTime', timeSeed + t)
    smokeShader.setUniform('uScale', min(width, height))
    smokeShader.setUniform('uTexture', prev)
    smokeShader.setUniform('uFadeColor', [1, 1, 1, 0.995])
    // Try messing around with some of these parameters to
    // change the feel of the smoke!
    smokeShader.setUniform('uNoiseDomainScale', 0.016) // the smoothness of the smoke
    smokeShader.setUniform('uNoiseRangeScale', 0.5) // how much influence the flow field has
    smokeShader.setUniform('uNoiseTimeScale', 0.0005) // the speed at which the flow field changes
    smokeShader.setUniform('uWind', [-0.1, 0.1]) // constant offset, in pixels per frame
    smokeShader.setUniform('uCoordScale', 1.001)
    plane(width, height)
    pop()
    
    // Each mushroom adds some more white to the frame
    // to spawn more spores. This is just a small version
    // of its cap model.
    fill(255)
    for (const mushroom of mushrooms) {
      mushroom.drawSpawn()
    }
  })
  
  background(0)
  noStroke()
  
  const mushroomLights = () => {
    directionalLight(100, 100, 100, 0, 1, -0.3)
    directionalLight(150, 150, 150, 0.5, 0, 1)
    directionalLight(150, 150, 150, -0.5, 0, 1)
​
    directionalLight(255, 255, 255, 0, 0, 1)
  }
  
  push()
  mushroomLights()
  for (const mushroom of mushrooms) {
    mushroom.drawStems()
  }
  pop()
  
  drawingContext.disable(drawingContext.DEPTH_TEST)
  imageMode(CENTER)
  image(next, 0, 0)
  drawingContext.enable(drawingContext.DEPTH_TEST)
  
  push()
  mushroomLights()
  for (const mushroom of mushrooms) {
    mushroom.drawCaps()
  }
  pop()
  
  imageMode(CENTER)
  image(next, 0, 0)
}