Genuary 4: black on black - OpenProcessing

mySketch
xxxxxxxxxx
 
let font, simple
let loovers=[]
let delayer=10
​
function preload(){
font= loadFont('FamiljenGrotesk-VariableFont_wght.ttf')
}
​
function setup() {
  createCanvas(400, 400); 
  simplex= new openSimplexNoise(Date.now())
  background(0) 
  noFill() 
  strokeWeight(2)
  stroke(100)
  rect(40, 40, 320, 320)
  textFont(font)
  fill(100)
  stroke(100)
  text('1.4', 20, 380) 
  noFill()
  let inc= QUARTER_PI*0.3457
  for(let a=0; a<TAU*4; a+=inc){
    let scaler=30
  if(a>TAU){
    scaler= map(a, TAU, TAU*4, 30, 1)
  }
  let  baseSize=scaler+noise(a, frameCount)*10
    loovers.push(new loover(200, 200, a+ random(-PI/26, -PI/26), 3, baseSize+random(-5, 5), delayer))
      delayer+=10
  }
​
}
  
function draw(){
  for(let i=loovers.length-1; i>=0; i--){
    loovers[i].move();
    loovers[i].show();
    loovers[i].done();
  }
  
}
​
class loover{
  constructor(x, y, initAngle, initSize, finalSize, delay){
    this.pos= createVector(x, y)
    this.vel= p5.Vector.fromAngle(initAngle+random(-0.1, 0.1), 3.5) 
    this.initSize= initSize
    this.size= initSize
    this.finalSize= finalSize
    this.totalGrowth= finalSize-initSize
    this.delay=delay
    this.spreadTime= frameCount+this.delay+int(finalSize*0.33)
  }
  
  move(){
    if(frameCount>this.delay){
    let amount= map(this.size, this.initSize, this.finalSize, 0, 0.085)
    let turn= simplex.noise3D(this.pos.x/100, this.pos.y/100, this.vel.heading())*amount
    this.vel.rotate(turn)
    this.pos.add(this.vel)
    }
  }
  
  divide(){
    if(frameCount==this.spreadTime  && this.finalSize>30){
      let currentAngle= this.vel.heading()
      loovers.push(new loover(this.pos.x, this.pos.y, currentAngle+ QUARTER_PI, 1, this.finalSize*0.5, 3))
      loovers.push(new loover(this.pos.x, this.pos.y, currentAngle- QUARTER_PI, 1, this.finalSize*0.5, 3))
    }
  }
  
  
  
  
  show(){
    if(frameCount>this.delay){
    push()
    fill(0)
    let framesMap= map(this.size, this.initSize, this.finalSize, 0, 1)
    let adjSize= lerp(this.initSize, this.finalSize, easeInSine(framesMap))
    translate(this.pos.x, this.pos.y)
    rotate(this.vel.heading()+HALF_PI)
    ellipse(0,0, adjSize*1.05, adjSize)
    fill(100)
    ellipse(0, 0, adjSize)
    stroke(0)
      strokeCap(ROUND)
    strokeWeight(adjSize*0.75)
    line(0, -(adjSize*0.1), 0, (adjSize*0.5))
      stroke(100)
      strokeWeight(this.size*0.1)
      line(0, -(adjSize*0.1), 0, (adjSize*0.5))
    noStroke()
    pop()
    }
  }
  
done(){
  if(frameCount>this.delay){
  this.size++
  if(this.size>=this.finalSize){
    let index= loovers.indexOf(this)
    loovers.splice(index, 1)
  }
  }
​
}
}
​
function easeInSine(x){
  return 1 - Math.cos((x * Math.PI) / 2);
}