Thoughts about Walls - OpenProcessing

mySketch
xxxxxxxxxx
 
//For the #wccChallenge on the theme of "What’s left behind" ---> code by Aaron Reuland
//The colors are borrowed from Lillian Schwartz's 1973 short film “PAPILLONS”,
//an early piece of generative art which I recently stumbled upon.
//http://lillian.com/films/  for more info (PAPILLONS is down the page quite a bit)
​
let ca=[
  ['#031103','#336696','#215c6e','#428fb1','#52a3c3'], 
  ['#b72104','#428fb1','#0d0b05','#aa252e','#ebe3f3'],
  ['#408bb0','#370503','#d1c6ac','#2a273e','#b9dee1'],
  ['#d25fbe','#428fb1','#8a6ec6','#d9c3e6','#0d0b05'], 
  ['#9d1904','#d25fbe','#2f6691','#d9c3e6','#8a6ec6']
]
let next=false
let droppers=[]
let gridSize
let transfer
let g, f
let colors
​
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  pixelDensity(1)
   f=createGraphics(width, height);
  f.background(0, 50);
  f.pixelDensity(1)
  f.loadPixels()
  for(let x=0; x<width; x++){
    for(let y=0; y<height; y+=floor(random(0, 5))){
  var index = (x + y * width)*4;
    let xer=map(abs(x-width/2), 0, width/2, 0, 100)
    let yer=map(abs(y-height/2), 0, height/2, 0, 100)
    let nvalue= map(noise(x/180, y/180), 0, 1, 0, 50)
    let avalue= (xer+yer+nvalue)/2;
    f.pixels[index+0]= 0;
    f.pixels[index+1]= 0;
    f.pixels[index+2]= 0;
    f.pixels[index+3]= avalue;
      
    }
  }
  f.updatePixels()
  transfer= createGraphics(width, height)
  transfer.noStroke()
  newLayer()
}
​
function draw() {
  image(g, 0, 0)
  if(droppers.length==0){
    for(let x=0; x<=width+gridSize; x+=gridSize){
      for(let y=0; y<=height+gridSize; y+=gridSize){
        droppers.push(new griddrop(x, y, gridSize, gridSize))
      }
    } 
    next=true
  }
  
  if(next){
    newLayer()
    next=false
  } 
for(let i=droppers.length-1; i>=0; i--){
  droppers[i].move();
  droppers[i].show();
  droppers[i].done();
}
  
}
​
class griddrop{
  constructor(x, y, w, h){
    this.pos= createVector(x+w/2, y+h/2)
    this.w=w
    this.h=h
    this.acc= createVector(0, 0)
    this.vel= createVector(0, 0.1)
    this.countdown= map(noise(this.pos.x/5, this.pos.y/10), 0, 1, 0, 800)
    this.part=get(x, y, w, h)
    this.rotSpeed=map(noise(this.pos.x/100, this.pos.y/100), 0, 1, -0.02, 0.02)
    this.rot=0
  }
  
move(){
  this.countdown--
  if(this.countdown<0){
  this.acc.add(this.vel)
  this.pos.add(this.acc)  
  this.rot+=this.rotSpeed
  }
}
​
show(){
  push()
  imageMode(CENTER)
  translate(this.pos.x, this.pos.y)
  if(this.countdown<0){
  rotate(this.rot)
  }
  image(this.part, 0, 0)
  pop()
}
​
​
done(){
  if(this.pos.y-gridSize>height){
  let index = droppers.indexOf(this);
      droppers.splice(index, 1);    
  } 
}
  
}
​
​
function hexy(x, y, r){
  push()
  transfer.fill(random(colors))
 transfer.translate(x, y)
  ellipse(0, 0, 10)
  //outline
  transfer.beginShape()
  for (let i = -HALF_PI; i < TWO_PI; i += TWO_PI / 6) {
    transfer.vertex(cos(i) * r, sin(i) * r)
  }
  transfer.endShape()
  pop()
}
​
​
function newLayer(){
  let cArray=floor(random(5))
  colors=[...ca[cArray]]
  transfer.background(colors[0])
  colors.splice(0, 1)
  let gScale= floor(random(1, 5))
  gridSize= 25*gScale
   for(let x=0; x<width+gridSize; x+=gridSize){
    for(let y=0; y<height+gridSize; y+=gridSize){
      shuffle(colors, true)
      transfer.fill(colors[1])
      transfer.ellipse(x, y, gridSize, gridSize/2)
      transfer.ellipse(x, y, gridSize/2, gridSize)
        transfer.fill(colors[2])
      transfer.ellipse(x, y, gridSize/3, gridSize/3)
      transfer.fill(colors[3])
      transfer.ellipse(x-gridSize/2, y-gridSize/2, gridSize/4)
      transfer.ellipse(x-gridSize/2, y+gridSize/2, gridSize/4)
      transfer.ellipse(x+gridSize/2, y-gridSize/2, gridSize/4)
      transfer.ellipse(x+gridSize/2, y+gridSize/2, gridSize/4)
    } 
   }
  transfer.image(f, 0, 0)
  g=transfer.get()
}