scrolling

let scrollPos = 0;
let n = 100

function setup() {
  createCanvas(windowWidth, windowHeight);
  noStroke()
}

function draw() {
  translate(windowWidth/2,windowHeight/2)
  background(100,200,250,4);
  t = -frameCount/100

  textSize(42);
  textAlign(CENTER, CENTER);
  fill(0);
  r=100
  
  for(let i = 0;i<n;i++){
    fill(i,i*5,i*10)
    x = (i*10)*cos(scrollPos/(100+10*i+t))
    y = (i*10)*sin(scrollPos/(100+10*i+t))
    circle(x,y,20);
    x = (i*10)*cos(scrollPos/(100+10*i+t));
    y = (i*10)*sin(scrollPos/(100+10*i+t))*(cos(t/100*i))
    circle(x,y,20 + i*sin(i));
  }
 
}
function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
}

function mouseWheel(event) {
  scrollPos += event.delta;
  return false;
}