wip

let vecLocation = [];

let vecVelocity = [];

​

function setup() {

  createCanvas(1000, 1400);

  // background(100);

  for (let i = 0; i<15; i++){

    vecLocation[i] = createVector(width / 2, 0);

    vecVelocity[i] = createVector(random(5),random(0,10));

 }

}

​

function draw() {

  background(0)

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

  for (let i = 0; i < 15; i++){

  noStroke();

  fill(11,255,205)

    vecLocation[i].add(vecVelocity[i]);

  //CRAB

   rect(vecLocation[i].x,    vecLocation[i].y,10,10);

   rect(vecLocation[i].x+10, vecLocation[i].y,10,10);

   rect(vecLocation[i].x+20, vecLocation[i].y,10,10);

   rect(vecLocation[i].x+30, vecLocation[i].y,10,10);

   rect(vecLocation[i].x+40, vecLocation[i].y,10,10);

   rect(vecLocation[i].x+50, vecLocation[i].y,10,10);

   rect(vecLocation[i].x-10, vecLocation[i].y,10,10);

   rect(vecLocation[i].x-20, vecLocation[i].y,10,10);

   rect(vecLocation[i].x-30, vecLocation[i].y,10,10);

   rect(vecLocation[i].x-40, vecLocation[i].y,10,10);

   rect(vecLocation[i].x-50, vecLocation[i].y,10,10);

   rect(vecLocation[i].x,     vecLocation[i].y+10,10,10);

   rect(vecLocation[i].x+10, vecLocation[i].y+10,10,10);

   rect(vecLocation[i].x+20, vecLocation[i].y+10,10,10);

   rect(vecLocation[i].x+30, vecLocation[i].y+10,10,10);

   rect(vecLocation[i].x+50, vecLocation[i].y+10,10,10);

   rect(vecLocation[i].x-10, vecLocation[i].y+10,10,10);

   rect(vecLocation[i].x-20, vecLocation[i].y+10,10,10);

   rect(vecLocation[i].x-30, vecLocation[i].y+10,10,10);

   rect(vecLocation[i].x-50, vecLocation[i].y+10,10,10);

   rect(vecLocation[i].x+30, vecLocation[i].y+20,10,10);

   rect(vecLocation[i].x+50, vecLocation[i].y+20,10,10);

   rect(vecLocation[i].x-30, vecLocation[i].y+20,10,10);

   rect(vecLocation[i].x-50, vecLocation[i].y+20,10,10);

  // fill(255)

  //  rect(vecLocation[i].x+10, vecLocation[i].y+30,10,10);

  //  rect(vecLocation[i].x+20, vecLocation[i].y+30,10,10);

  //  rect(vecLocation[i].x-10, vecLocation[i].y+30,10,10);

  //  rect(vecLocation[i].x-20, vecLocation[i].y+30,10,10);

​

   rect(vecLocation[i].x,    vecLocation[i].y-10,10,10);

   rect(vecLocation[i].x+10, vecLocation[i].y-10,10,10);

   rect(vecLocation[i].x+20, vecLocation[i].y-10,10,10);

   rect(vecLocation[i].x+30, vecLocation[i].y-10,10,10);

   rect(vecLocation[i].x+40, vecLocation[i].y-10,10,10);

   rect(vecLocation[i].x-10, vecLocation[i].y-10,10,10);

   rect(vecLocation[i].x-20, vecLocation[i].y-10,10,10);

   rect(vecLocation[i].x-30, vecLocation[i].y-10,10,10);

   rect(vecLocation[i].x-40, vecLocation[i].y-10,10,10);

   rect(vecLocation[i].x,    vecLocation[i].y-20,10,10);

   rect(vecLocation[i].x+10, vecLocation[i].y-20,10,10);

   rect(vecLocation[i].x+20, vecLocation[i].y-20,10,10);

   rect(vecLocation[i].x+30, vecLocation[i].y-20,10,10);

   rect(vecLocation[i].x-10, vecLocation[i].y-20,10,10);

   rect(vecLocation[i].x-20, vecLocation[i].y-20,10,10);

   rect(vecLocation[i].x-30, vecLocation[i].y-20,10,10);

// print(vecVelocity[i].x)

//  print(width)

    if(vecLocation[i].x < 50 || vecLocation[i].x > width-50){

      vecVelocity[i].x = vecVelocity[i].x * -1;

    }

    if (vecLocation[i].y < 0|| vecLocation[i].y> height-200){

      vecVelocity[i].y = vecVelocity[i].y * -1;

    }

  }

}