function setup() {

    createCanvas(1200, 1200);

    background(200);

    pixelDensity(3)

    fill(30)

    rect(0,0,width,height)

    noStroke()

    drawingContext.shadowColor = color(0, 0, 0,30);

    drawingContext.shadowBlur =20;

    drawingContext.shadowOffsetX = 5;

    drawingContext.shadowOffsetY = -5;

}

​

function draw() {

    translate(width/2,height/2)

    let cSpan = 100

    let c1 = (int(frameCount/cSpan))% 5

    let c2 = (int(frameCount/cSpan)+1) % 5

    let ratio = (frameCount/cSpan-int(frameCount/cSpan))

    strokeWeight(2)

    // fill(255,50)

    for(var i=0;i<50;i++){

        push()

        // noFill()

        fill(lerpColor( color(colors[c1]),color(colors[c2]), ratio ))

        rotate(frameCount/(50+10*log(frameCount))+i/20)

        let dd = frameCount/(5+i)+frameCount/5+sin(i)*50

        translate( random(dd/2,dd),0)

        let x = noise(frameCount/50+i/50,5000)*80 + random(50)

        let y = noise(frameCount/50+i/50,10000)*80 + random(50)

        // scale(noise(x,y,i)*2)

        let rr =random(1,8-log(frameCount)/10)

        ellipse(x,y,rr,rr)

        pop()

    }

    // ellipse(mouseX, mouseY, 20, 20);

}