Reflect III (Community) - OpenProcessing

mySketch
xxxxxxxxxx
 
//Code by Aaron Reuland
//For the #wccChallenge on the theme of "community".
//in a series with https://openprocessing.org/sketch/2308229  &  https://openprocessing.org/sketch/2344494
​
let lights = []
let colors = ["#3d4635", "#5a734c", "#8e472c", "#a7713b", "#252b21", "#304543", "#b18961", "#cab68c"]
let simplex
​
function setup() {
  createCanvas(1200, 500);
  simplex = new openSimplexNoise(Date.now())
  background("#131611");
  noStroke()
​
  for (let a = 0; a < TAU; a += TAU / 120) {
    let h = random(height / 15, height / 3.6)
    lights.push(new light(width / 2 + cos(a) * width / 3, height * 0.66 + sin(a) * height / 3, h, 0, a, 166))
    lights.push((new light(width / 2 + cos(a) * width / 3, height * 0.66 + sin(a) * height / 3, h * 0.66, 1, a, 0)))
  }
​
  flex({
    canvas: {
      fit: SCALE_DOWN
    }
  })
​
}
​
function draw() {
  if (frameCount == 165) {
    blendMode(BLEND)
    let filler = color("#131611")
    filler.setAlpha(100)
    fill(filler)
    ellipse(width / 2, height * 0.66, width * 0.666, height * 0.666)
    noFill()
    stroke(255, 14)
    strokeWeight(0.4)
    for (let r = 0; r < 0.666; r += 0.002) {
      let roff = simplex.noise2D(r * 15, 0.1) * 0.04
      let rc = constrain(r + roff, 0, 0.66)
      ellipse(width / 2, height * 0.66, width * rc, height * rc)
​
    }
    noStroke()
  }
​
  for (let l of lights) {
    l.raise();
    l.rite();
    l.risen();
  }
​
​
}
​
​
class light {
  constructor(x, y, baseH, type, angle, delay) {
    this.x = x
    this.y = y
    this.pos = createVector(x, y)
    this.startPos = createVector(x, y)
    this.h = height * 0.4
    this.type = type
    this.baseH = baseH
    this.angle = angle + PI
    this.color = color(colorMixer(this.x, colors))
    this.targetPos = createVector(0, 0)
    this.delay = delay
​
    if (this.type == 0) {
      this.targetH = this.y + abs(this.baseH) * -1
      this.targetPos = createVector(this.pos.x, this.y + abs(this.baseH) * -1)
      this.color.setAlpha(40)
    } else {
      this.targetH = this.y + sin(this.angle) * (this.baseH)
      this.targetPos = createVector(this.x + cos(this.angle) * this.baseH, this.y + sin(this.angle) * (this.baseH))
      this.color.setAlpha(20)
    }
​
    this.frames = this.baseH
    this.currentFrame = 0
  }
​
  raise() {
    if (this.delay < 1) {
      if (this.currentFrame < this.frames) {
        let framesMap = map(this.currentFrame, 0, this.frames, 0, 1);
        this.pos = p5.Vector.lerp(this.startPos, this.targetPos, easeOutQuart(framesMap))
      }
      this.currentFrame++
    }
  }
​
  rite() {
    if (this.delay < 1) {
      let framesMap = map(this.currentFrame, 0, this.frames, 0, 1);
      let s = lerp(width / 200, width / 50, easeOutQuart(framesMap))
      fill(this.color)
      if (this.type == 0) {
        ellipse(this.pos.x, this.pos.y, s)
      } else {
        let xoff = simplex.noise2D(this.pos.y / 5, this.pos.x / 70) * (this.frames / 10)
        let yoff = simplex.noise2D(this.pos.y / 5, this.pos.x / 200) * (this.frames / 100)
        ellipse(this.pos.x + xoff, this.pos.y + yoff, s)
      }
    }
  }
​
  risen() {
    this.delay--
    if (this.currentFrame > this.frames) {
      let index = lights.indexOf(this)
      lights.splice(index, 1)
    }
​
  }
​
}
​
function colorMixer(x, colorArray) {
​
  let c = noise(x) * colorArray.length
  let c1 = floor(c)
  let c2 = floor(c + 1) % colorArray.length
  let color1 = colorArray[c1]
  let color2 = colorArray[c2]
  let mix = fract(c)
  let coloring = spectral.mix(color1, color2, mix)
  return coloring
}
​
function easeOutQuart(x) {
  return 1 - Math.pow(1 - x, 4);
}