Week 3 Assignment

//colors

var b_color;

var w_color;

​

//stroke size

var stw;

​

//size of squares

var wSquare;

var hSquare;

​

//starting position of squares

var startX;

var startY;

​

function setup() {

  createCanvas(600, 600);

  b_color = "#000000";

  w_color = "#ffffff";

  stw = 1;

  //calculate square size

  wSquare = 600 / 5

  hSquare = 600 / 5

  //set starting position

  startX = 0;

  startY = 0;

  //set angle mode

  angleMode(DEGREES);

}

​

function draw() {

background(w_color);  

//grid 1

fill(w_color);

  //set stroke size

  stroke(b_color);

  strokeWeight(stw);

  rect(startX, startY, wSquare, hSquare); 

//grid 2

fill(b_color);

  rect(wSquare, startY, wSquare, hSquare);

  //drawing arc

  fill(w_color);

  arc(120, 0, wSquare*2, hSquare*2, 0, 90); 

//grid 3

  fill(w_color);

  rect(240, startY, wSquare, hSquare);

  //drawing arc

  fill(b_color);

  arc(240, 120, wSquare*2, hSquare*2, 270, 360);

//grid 4

  fill(w_color);

  rect(360, startY, wSquare, hSquare);

//grid 5  

  fill(w_color);

  rect(480, startY, wSquare, hSquare);

  //drawing arc

  fill(b_color)

  arc(600, 120, wSquare*2, hSquare*2, 180,270);

//grid 6

  fill(w_color);

  rect(startX, 120, wSquare, hSquare);

  //drawing arc

  fill(b_color)

  arc(120, 240, wSquare*2, hSquare*2, 180,270);

//grid 7

  fill(b_color);

  rect(120, 120, wSquare, hSquare);

//grid 8

  fill(b_color);

  rect(240, 120, wSquare, hSquare);

  //drawing arc

  fill(w_color)

  arc(240, 240, wSquare*2, hSquare*2, 270,360);

//grid 9

  fill(w_color);

  rect(360, 120, wSquare, hSquare);

//grid 10

  fill(b_color);

  rect(480, 120, wSquare, hSquare);

  //drawing arc

  fill(w_color)

  arc(600, 240, wSquare*2, hSquare*2, 180, 270);

//grid 11 

  fill(b_color);

  rect(startX, 240, wSquare, hSquare);

//grid 12 

  fill(b_color);

  rect(120, 240, wSquare, hSquare); 

//grid 13 

  fill(w_color);

  rect(240, 240, wSquare, hSquare); 

  //drawing triangle 

  fill(b_color);

  triangle(240, 240, 240, 360, 360, 360);

//grid 14

  fill(w_color);

  rect(360, 240, wSquare, hSquare); 

  //drawing circle

  fill(b_color);

  circle(420,300,120)

//grid 15

  fill(w_color);

  rect(480, 240, wSquare, hSquare); 

  //drawing triangle

  fill(b_color);

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

//grid 16

  fill(b_color);

  rect(startX, 360, wSquare, hSquare);  

//grid 17

  fill(b_color);

  rect(120, 360, wSquare, hSquare); 

//grid 18

  fill(b_color);

  rect(240, 360, wSquare, hSquare);   

//grid 19

  fill(b_color);

  rect(360, 360, wSquare, hSquare);   

//grid 20

  fill(b_color);

  rect(480, 360, wSquare, hSquare); 

//grid 20

  fill(w_color);

  rect(startX, 480, wSquare, hSquare);

  //drawing arc

  fill(b_color)

  arc(120, 480, wSquare*2, hSquare*2, 90, 180);

//grid 21

  fill(w_color);

  rect(120, 480, wSquare, hSquare);

​

//grid 22

  fill(w_color);

  rect(240, 480, wSquare, hSquare);

  //drawing arc

  fill(b_color)

  arc(360, 480, wSquare*2, hSquare*2, 90, 180);

//grid 23

  fill(w_color);

  rect(360, 480, wSquare, hSquare);

//grid 24

  fill(w_color);

  rect(480, 480, wSquare, hSquare);

  //drawing arc

  fill(b_color)

  arc(480, 480, wSquare*2, hSquare*2, 0, 90);

}