//Objects and Classes 3: Programming Digital Media

//Code by Matthew A. Bardin [2020]

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


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

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

function draw() {
  background(220, 200, 0);
  fill('purple');

  ellipse(circle.x, circle.y, circle.diam, circle.diam);

  // now that we have made a static object using JSON and dot notation, lets get it to move across the screen by updating the variables. 
  // we can do this by combining what we just learned about dot notation with what we already know about vairables. 

  // below is a line that will not animate the circle, similar to line 29 in the previous code. 

  // x = x + 1;

  // by adjusting the line above to inlude dot notation, we can make sure our computer knows that it is updating the values within the circle object and that those values will be used to update the position of our ellipse.

  // circle.x = circle.x + 1;
  
  // try adding another line or two in order to change how the circle behaves.
}