----- Coding Tutorial by Patt Vira ----- 

Name: Interactive Display of Ellipses

Video Tutorial: https://youtu.be/O87-YrgoAlw?si=o0KXFr-vatBjf4bZ

​

Connect with Patt: @pattvira

https://www.pattvira.com/

----------------------------------------

*/

​

let size = 50;

let circles = []; let cols; let rows; 

​

function setup() {

  createCanvas(400, 400);

  cols = width/size; 

  rows = height/size;

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

    circles[i] = [];

    for (let j=0; j<rows; j++) {

      circles[i][j] = new Circle(size/2 + i*size, size/2 + j*size, 0, 0);

    }

  }

}

​

function draw() {

  background(255);

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

    for (let j=0; j<rows; j++) {

      let distance = dist(mouseX, mouseY, circles[i][j].x, circles[i][j].y);

      circles[i][j].dw = map(distance, 0, width/2, 0, size); 

      circles[i][j].dh = map(distance, 0, height, 0, size);

      circles[i][j].display();

    }

  }

}