Loop Map

var counter = 0;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(0);

}

​

function draw() {

  background(20,50,50);

  arc(8,5,6,9);

  mouseX/50;

​

  translate(0, height / 2);

  mouseY/1000

  let num = map(mouseX, 70, width, 100, 2000);

  //let num = map(sin(millis()/1000), -1, 1, 10, 200); ->loop

​

  for (let y = 5; y < num; y += 1) {

    let rot = map(y, 10, num, 0, PI);

    let posx = map(y, 0, num, 0, width);

    //let col = map(y, 0, num, 0, 255);

    //stroke(col);

    push();

    translate(posx, 10);

    rotate(rot);

    noFill();

    stroke(255);

    //rect(0, 0, 150, 150);

    arc(0, 0, 150, 150, 0, PI);

    //line(0, 0, 100, 0);

    pop();

  }

}