week 3

// create grids to place shapes

// 600 x 600 size

// each cell worth 20 size

// 5 colums and 5 rows

​

const PADDING = 0;

const ROWS = 5;

const COLUMNS = 5;

const CELL_SIZE = 120;

const CELL_COLOR = "white";

const CANVAS_WIDTH = 600;

const CANVAS_HEIGHT = 600;

​

​

function setup()

​

{

  createCanvas(600, 600);

  background("black");

  noStroke();

​

  fill(CELL_COLOR);

  for (let col = 0; col < COLUMNS; col++) {

    for (let row = 0; row < ROWS; row++) {

      let left = PADDING + (col * CELL_SIZE);

      let top = PADDING + (row * CELL_SIZE);

      let size = CELL_SIZE - 2;

      rect(left, top, size, size);

    }

  }

}

​

function draw()

​

{

​

  // Drawing shapes in the grid

​

  fill("black");

  rect(120, 0, 120, 240);

  rect(240, 0, 120, 120);

  rect(120, 480, 240, 120);

  rect(240, 360, 120, 120);

  triangle(360, 0, 360, 120, 480, 120);

  triangle(360, 120, 360, 240, 480, 120);

  arc(360, 240, 240, 240, PI, PI + HALF_PI);

  arc(360, 240, 240, 240, PI/2, 3*PI);

  arc(360, 360, 240, 240, PI + HALF_PI, TWO_PI);

  arc(360, 360, 240, 240, 0, HALF_PI)

  ellipse(180, 420, 120, 120)

  fill("white");

  ellipse(300, 60, 120, 120);

  arc(240, 240, 240, 240, PI, PI + HALF_PI);

  arc(120, 0, 240, 240, 0, HALF_PI);

  arc(240, 360, 240, 240, 0, HALF_PI);

  arc(360, 600, 240, 240, PI, PI + HALF_PI);

  arc(120, 600, 240, 240, PI + HALF_PI, TWO_PI)

  stroke(0);

  strokeWeight(1);

  line(240, 0, 240, 600)

}

​

​

​

​