//Objects and Classes 4: Programming Digital Media

//Code by Matthew A. Bardin [2020]

//This code is cerating a circle like in the previous code using a Javascript Object.

// where JSON begins to become more useful is when you have multiple objects. Instead of needing to list out a long line of variables, we can create multiple objects that can be independently ajusted as needed. 

let circle1 = {
  x: 100,
  y: 100,
  diam: 50
};

//here is an example of a simple second object. Notice how we can have the same variable names because they are contained within each object. This can make organizing each value much easier.
let circle2 = {
  x: 200,
  y: 300,
  diam: 50
};

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  fill('purple');
  ellipse(circle1.x, circle1.y, circle1.diam, circle1.diam);

  
  //in order to see our other object, we just need to repeat the process from the previous code, but make sure our varibles are updated to reflect the new object. 
  fill('green');
  ellipse(circle2.x, circle2.y, circle2.diam, circle2.diam);
 
  //take this code as a starting code and add in your own third circle with unique values. Then add a line in order to animate each of the three objects across the canvas.
  
}