sharks - OpenProcessing

mySketch
xxxxxxxxxx
 
var counter = 0;
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  background(255);
}
​
function draw() {
  background(255);
  
  rectMode(CENTER);
​
  translate(0, height / 2);
  
  mouseX/1000
  let num = map(mouseX, 0, width, 0, 200);
  //let num = map(sin(millis()/1000), -1, 1, 10, 200);
​
  for (let y = 0; y < num; y += 1) {
    
    //let rot = map(y, 0, num, 0, PI);
    let posx = map(y, 0, num, 0, width);
    let col = map(y, 200, num, 200, 255);
    stroke(col);
    
    push();
    translate(posx, 0);
    //rotate(rot);
    //noFill();
    stroke(0);
    //circle(0, 0, 150, 150);
    //arc(0, 0, 150, 150, 0, PI);
    line(0, 0, 100, 0);
    line(-10, -10, 100, -10)
    line(-20, -20, 100, -20)
    line(-30, -30, 100, -30)
    line(10, 10, 100, 10)
    line(20, 20, 100, 20)
    line(30, 30, 100, 30)
    line(-40, -40, 100, -40)
    line(40, 40, 100, 40)
    line(-50, -50, 100, -50)
    line(50, 50, 100, 50)
    line(-60, -60, 100, -60)
    line(60, 60, 100, 60)
    line(-70, -70, 100, -70)
    line(70, 70, 100, 70)
    line(-80, -80, 100, -80)
    line(80, 80, 100, 80)
    line(-90, -90, 100, -90)
    line(90, 90, 100, 90)
    line(-100, -100, 100, -100)
    line(100, 100, 100, 100)
    line(110, 110, 110, 110)
    line(120, 120, 120, 120)
    line(130, 130, 130, 130)
    line(140, 140, 140, 140)
    line(150, 150, 150, 150)
    line(160, 160, 160, 160)
    line(170, 170, 170, 170)
    line(180, 180, 180, 180)
    line(190, 190, 190, 190)
    line(200, 200, 200, 200)
    line(-110, -110, -110, -110)
    line(-120, -120, -120, -120)
    line(-130, -130, -130, -130)
    line(-140, -140, -140, -140)
    line(-150, -150, -150, -150)
    line(-160, -160, -160, -160)
    line(-170, -170, -170, -170)
    line(-180, -180, -180, -180)
    line(-190, -190, -190, -190)
    line(-200, -200, -200, -200)
    pop();
  }
}