let height = 300;

​

​

let balls = [];

let rects = [];

let rows,cols;

let size = 10;

​

function setup() {

​

    createCanvas(width , height);

​

    rectMode(CENTER);

    angleMode(DEGREES);

​

    rows = width/size;

    cols = height/size;

​

​

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

​

      let x = random(0,width);

      let y = random(0,height);

​

      let ball = new Ball(x,y);

​

      balls.push(ball);

    }

​

    for(let i=0; i<rows; i+=1){

      for(let j=0; j<cols; j+=1){

​

        let x = i * size + size/2;

        let y = j * size + size/2;

​

        rect(x,y,size,size)

​

        rects.push(createVector(x,y));

    }

  }

​

​

}

function ball1_(){

​

  for(let i=0; i<rects.length; i++){

​

        let x = rects[i].x;

        let y = rects[i].y;

​

      for(let k =0; k<balls.length; k++){

​

        let loc= balls[k].getLocation();

​

        balls[k].update();

        balls[k].checkBoundaryCollision();

​

        let dst = dist(x,y,loc.x,loc.y);

​

        let m = map(floor(dst),0,30,0,1);

​

        let cc = k % 2 == 0 ? 'white' : 'black';

​

        let c = lerpColor(color('white'),color(cc),m);

​

        if(dst < 30){

          fill(c);

          rect(x,y,size,size);

​

        }

      }

​

 }

}

function draw(){

​

​

      ball1_();

​

​

}

function mouseClicked(){

  saveCanvas(document.title +random(2000,10000), 'png');

}

​