week03-assignment03

//declare w and h of each rect

var w;

var h;

​

//define colors

var clWhite;

var clBlue;

​

//stroke weight of rects

var stw;

​

function setup() {

  createCanvas(600, 600);

  background(100);

  w = 600 / 5

  h = w;

​

  clBlue = ('DodgerBlue');

  clWhite = '#ffffff';

  stw = 1;

  angleMode(DEGREES);

}

​

function draw() {

  background(480, 480, 480);

  //Draw grid 1,1

  fill(clWhite);

  rect(0, 0, w, h);

​

  //Draw grid 1,2

  fill(clBlue);

  rect(120, 0, w, h);

​

​

  //arc(x,y,w,h,start,stop)

  fill(clWhite);

  arc(w * 2, h / 4 - 30, w * 2, h * 2, 90, 180);

​

​

​

  //Draw grid 1,3

  fill(clBlue);

  rect(240, 0, w, h);

​

  //arc(x,y,w,h,start,stop)

  fill(clWhite);

  arc(w * 2, h / 4 - 30, w * 2, h * 2, 360, 90);

​

  //Draw grid 1,4

  fill(clWhite);

  rect(360, 0, w, h);

​

  //Draw grid 1,5

  fill(clWhite);

  rect(480, 0, w, h);

​

  //Draw grid 2,1

  fill(clWhite);

  rect(0, 120, w, h);

​

  //Draw grid 2,2

  fill(clBlue);

  rect(120, 120, w, h);

  fill(clWhite);

  circle(180, 180, w, h);

​

​

  //Draw grid 2,3

  fill(clBlue);

  rect(240, 120, w, h);

  fill(clWhite);

  circle(300, 180, w, h)

​

  //Draw grid 2,4

  fill(clWhite);

  rect(360, 120, w, h);

​

  //Draw grid 2,5

  fill(clWhite);

  rect(480, 120, w, h);

​

  //Draw grid 3,1

  fill(clWhite);

  rect(0, 240, w, h);

​

  //Draw grid 3,2

  fill(clBlue);

  rect(120, 240, w, h);

​

  //Draw grid 3,3

  fill(clBlue);

  rect(240, 240, w, h);

​

  //Draw grid 3,4

  fill(clWhite);

  rect(360, 240, w, h);

​

  //Draw grid 3,5

  fill(clWhite);

  rect(480, 240, w, h);

​

  //Draw grid 4,1

  fill(clWhite);

  rect(0, 360, w, h);

​

  //Draw grid 4,2

  fill(clWhite);

  rect(120, 360, w, h);

  fill(clBlue);

  arc(w * 2, h * 3, w * 2, h * 2, 90, 180);

​

  //Draw grid 4,3

  fill(clBlue);

  rect(240, 360, w, h);

​

  //Draw grid 4,4

  fill(clBlue);

  rect(360, 360, w, h);

​

  //Draw grid 4,5

  fill(clWhite);

  rect(480, 360, w, h);

  fill(clBlue);

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

​

  //Draw grid 5,1

  fill(clWhite);

  rect(0, 480, w, h);

​

  //Draw grid 5,2

  fill(clWhite);

  rect(120, 480, w, h);

​

  //Draw grid 5,3

  fill(clBlue);

  rect(240, 480, w, h);

  fill(clWhite);

  arc(w * 2, h * 5, w * 2, h * 2, 270, 360);

​

  //Draw gride 5,4

  fill(clWhite);

  rect(360, 480, w, h);

​

  //Draw gride 5,5

  fill(clWhite);

  rect(480, 480, w, h);

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

}