homework3

//color

var b_color;

var w_color;

​

//stroke size

var stW;

​

//size of squares

var wSquare;

var hSquare;

//Starting position of each square

var startX;

var startY;

​

function setup() {

  createCanvas(600, 600);

  b_color = '#000000';

  w_color = '#ffffff';

  stW = 1;

​

  //calculate the size of the quares

  wSquare = 600 / 5;

  hSquare = 600 / 5;

​

  //set starting position

  startX = 0;

  startY = 0;

​

  //set angle

  angleMode(DEGREES);

​

}

​

function draw() {

  //grid1

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(startX, startY, wSquare, hSquare);

​

  //grid2

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare, startY, wSquare, hSquare);

​

  //grid3

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 2, startY, wSquare, hSquare);

​

  //grid4

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 3, startY, wSquare, hSquare);

​

  //aarch left top white

  fill(b_color);

  arc(wSquare * 4, hSquare, wSquare * 2, hSquare * 2, 180, 270);

​

  //grid5

  fill(b_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 4, startY, wSquare, hSquare);

​

  //aarch left top white

  fill(w_color);

  stroke(b_color);

  arc(wSquare * 5, hSquare, wSquare * 2, hSquare * 2, 180, 270);

  //grid6

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(startX, hSquare, wSquare, hSquare);

​

  //grid7

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare, hSquare, wSquare, hSquare);

​

  //grid8

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 2, hSquare, wSquare, hSquare);

​

  //grid9

  fill(b_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 3, hSquare, wSquare, hSquare);

​

  //grid10

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 4, hSquare, wSquare, hSquare);

​

  //grid11

  fill(b_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(startX, hSquare * 2, wSquare, hSquare);

  fill(w_color);

  stroke(b_color);

  arc(startX, hSquare * 3, wSquare * 2, hSquare * 2, 270, 360);

​

  //grid12

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare, hSquare * 2, wSquare, hSquare);

  fill(b_color);

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

​

  //grid13

  fill(b_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 2, hSquare * 2, wSquare, hSquare);

  fill(w_color);

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

​

  //grid14

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 3, hSquare * 2, wSquare, hSquare);

  fill(b_color);

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

​

  //grid15

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 4, hSquare * 2, wSquare, hSquare);

​

  //grid16

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(startX, hSquare * 3, wSquare, hSquare);

​

  //grid17

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare, hSquare * 3, wSquare, hSquare);

  fill(b_color);

  arc(wSquare * 2, hSquare * 3, wSquare * 2, hSquare * 2, 90, 180);

​

  //grid18

  fill(b_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 2, hSquare * 3, wSquare, hSquare);

  fill(w_color);

  arc(wSquare * 3, hSquare * 3, wSquare * 2, hSquare * 2, 90, 180);

​

  //grid19

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 3, hSquare * 3, wSquare, hSquare);

​

  //grid20

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 4, hSquare * 3, wSquare, hSquare);

​

  //grid21

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(startX, hSquare * 4, wSquare, hSquare);

​

  //grid22

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare, hSquare * 4, wSquare, hSquare);

​

  //grid23

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 2, hSquare * 4, wSquare, hSquare);

​

  //grid24

  fill(b_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 3, hSquare * 4, wSquare, hSquare);

  fill(w_color);

  triangle(wSquare * 3, hSquare * 5, wSquare * 4, hSquare * 4, wSquare * 4, hSquare * 5);

​

  //grid25

  fill(w_color);

  stroke(b_color);

  strokeWeight(stW);

  rect(wSquare * 4, hSquare * 4, wSquare, hSquare);

​

​

​

}

​