​

// ⭐️ TODO: Declare your variables here 

var xPos;

var yPos;

var size;

var colorOne;

var colorTwo;

​

function setup() {

  createCanvas(400, 400);

  // ⭐️ TODO: Initialize your variables here 

  xPos = 200;

  yPos = 200;

  size = 400;

  colorOne = color(255, 255, 0);

  colorTwo = color(0, 255, 255);

}

​

function draw() {

    background(220, 220, 220);

​

    // ⭐️ 1️⃣ TODO: Write code below: create circles (or squares)

    // that are different colors but have the same center point

​

    // circles:

    // ellipse(x, y, width, height);

    fill(colorOne);

    ellipse(xPos, yPos, size, size);

    fill(colorTwo);

    ellipse(xPos, yPos, size*3/4, size*3/4);

    fill(colorOne);

    ellipse(xPos, yPos, size/2, size/2);

    fill(colorTwo);

    ellipse(xPos, yPos, size/4, size/4);

​

    // squares:

    // rectMode(CENTER);

    // rect(x, y, width, height, curve);

​

​

​

    // helper grid

    //drawGrid();

}