week 3/2

  // declare w and h of each rect

  var w;

  var h;

​

  // define colors

  var clBlack;

  var clWhite;

​

  // stroke weight of rects

  var stW;

​

  function setup() {

    createCanvas(600, 600);

    background(100);

​

    // Assign values to our variables

    w = 600 / 5;

    h = w;

​

    // Assign color values

    clBlack = '#000000';

    clWhite = '#ffffff';

​

    // Set Stroke Weight

    stW = 1;

​

    // set angle mode to degrees

    angleMode(DEGREES);

  }

​

  function draw() {

​

    background(240, 240, 240);

​

    // Draw grid 1,1

    fill(clWhite);

    rect(0, 0, w, h);

​

    //Draw grid 1,2

    fill(clWhite)

    rect(w, 0, w, h)

​

    //Draw grid 1,3

    fill(clWhite)

    rect(w * 2, 0, w, h)

​

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

    fill(clBlack)

    arc(w * 3, h, w * 2, h * 2, 180, 270)

​

    //Draw grid 1,4

    fill(clWhite)

    rect(w * 3, 0, w, h)

​

    //Draw grid 1,5

    fill(clWhite)

    rect(w * 4, 0, w, h)

​

    // Draw grid 2,1

    fill(clWhite);

    rect(0, h, w, h);

​

    //Draw grid 2,2

    fill(clBlack)

    rect(w, h, w, h)

​

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

    fill(clWhite)

    arc(w, h, w * 2, h * 2, 360, 90)

​

    //Draw grid 2,3

    fill(clWhite)

    rect(w * 2, h, w, h)

​

    //triangle

    fill(clBlack)

    triangle(w * 2, h, w * 2, h * 2, w * 3, h)

​

    //Draw grid 2,4

    fill(clWhite)

    rect(w * 3, h, w, h)

​

    //Draw grid 2,5

    fill(clWhite)

    rect(w * 4, h, w, h)

​

    // Draw grid 3,1

    fill(clWhite)

    rect(0, h * 2, w, h)

​

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

    fill(clBlack)

    arc(w, h * 3, w * 2, h * 2, 180, 270)

​

    //Draw grid 3,2

    fill(clBlack)

    rect(w, h * 2, w, h)

​

    //circle

    fill(clWhite)

    circle(w * 2 - 60, h * 3 - 60, 120)

​

    //Draw grid 3,3

    fill(clWhite)

    rect(w * 2, h * 2, w, h)

​

    //Draw grid 3,4

    fill(clWhite)

    rect(w * 3, h * 2, w, h)

​

    //Draw grid 3,5

    fill(clWhite)

    rect(w * 4, h * 2, w, h)

​

    // Draw grid 4,1

    fill(clWhite)

    rect(0, h * 3, w, h)

​

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

    fill(clBlack)

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

​

    //Draw grid 4,2

    fill(clBlack)

    rect(w, h * 3, w, h)

​

    //Draw grid 4,3

    fill(clBlack)

    rect(w * 2, h * 3, w, h)

​

    //Draw grid 4,4

    fill(clWhite)

    rect(w * 3, h * 3, w, h)

​

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

    fill(clBlack)

    arc(w * 3, h * 4, w * 2, h * 2, 270, 180)

​

    //Draw grid 4,5

    fill(clWhite)

    rect(w * 4, h * 3, w, h)

​

    //circle

    fill(clBlack)

    circle(w * 5 - 60, h * 4 - 60, 120)

​

    // Draw grid 5,1

    fill(clBlack)

    rect(0, h * 4, w, h)

​

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

    fill(clWhite)

    arc(0, h * 4, w * 2, h * 2, 0, 90)

​

    //Draw grid 5,2

    fill(clWhite)

    rect(w, h * 4, w, h, )

​

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

    fill(clBlack)

    arc(w, h * 4, w * 2, h * 2, 0, 90)

​

    //Draw grid 5,3

    fill(clWhite)

    rect(w * 2, h * 4, w, h)

​

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

    fill(clBlack)

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

​

    //Draw grid 5,4

    fill(clWhite)

    rect(w * 3, h * 4, w, h)

​

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

    fill(clBlack)

    arc(w * 3, h * 4, w * 2, h * 2, 0, 90)

​

    //Draw grid 5,5

    fill(clWhite)

    rect(w * 4, h * 4, w, h)

  }