Week03-Abstract Shape(Duck)

var wg = 120;

var hg = 120;

​

​

function setup() {

  createCanvas(600, 600);

  background(240);

  noLoop();

  angleMode(DEGREES)

}

​

​

function draw() {

  //Grid 1,1

  fill (240);

  rect(0,0,wg,hg);

  //Grid 1,2

  fill (240);

  rect(120,0,wg,hg);

  //Grid 1,3

  fill(240);

  rect(240,0,wg,hg);

  fill(0);

  arc(360,120,wg*2,hg*2,180,270);

  //Grid 1,4

  fill(0);

  rect(361,0,wg,hg);

  fill(240);

  arc(421,50,wg*1,hg*1,360,180);

  //Grid 1,5

  fill(0);

  rect(480,0,wg,hg);

  fill(240);

  arc(602,0,wg*2,hg*2,90,180);

  //Grid 2,1

  fill(240);

  rect(0,120,wg,hg);

  //Grid 2,2

  fill(0);

  rect(120,120,wg,hg);

  fill(240);

  arc(239,120,wg*2,hg*2,90,180);

  //Grid 2,3

  fill(240);

  rect(240,120,wg,hg);

  fill(0);

  arc(361,120,wg*2,hg*2,90,180);

  //Grid 2,4

  fill(0);

  rect(358,120,wg,hg);

  fill(240);

  arc(480,120,wg*2,hg*2,90,180);

  //Grid 2,5

  fill(240);

  rect(480,120,wg,hg);

  //Grid 3,1

  fill(0);

  rect(0,240,wg,hg);

  fill(240);

  arc(0,360,wg*2,hg*2,180,90);

  //Grid 3,2

  fill(0);

  rect(120,240,wg,hg);

  //Grid 3,3

  fill(240);

  rect(240,240,wg,hg);

  fill(0);

  arc(240,240,wg*2,hg*2,0,90);

  //Grid 3,4

  fill(0);

  rect(360,240,wg,hg);

  fill(240);

  arc(360,360,wg*2,hg*2,270,360);

  //Grid 3,5

  fill(240);

  rect(480,240,wg,hg);

  fill(0);

  arc(480,360,wg*2,hg*2,270,360);

  //Grid 4,1

  fill(240);

  rect(0,360,wg,hg);

  //Grid 4,2

  fill(240);

  rect(120,360,wg,hg);

  fill(0);

  arc(240,360,wg*2,hg*2,90,180);

  //Grid 4,3

  fill(240);

  rect(240,360,wg,hg);

  fill(0);

  arc(240,480,wg*2,hg*2,270,360);

  //Grid 4,4

  fill(0);

  rect(360,360,wg,hg);

  fill(240);

  arc(360,360,wg*2,hg*2,360,90);

  //Grid 4,5

  fill(240);

  rect(480,360,wg,hg);

  fill(0);

  arc(480,360,wg*2,hg*2,360,90);

  //Grid 5,1

  fill(240);

  rect(0,480,wg,hg);

  //Grid 5,2

  fill(240);

  rect(120,480,wg,hg);

  //Grid 5,3

  fill(0);

  rect(240,480,wg,hg);

  fill(240);

  arc(360,480,wg*2,hg*2,90,180);

  //Grid 5,4

  fill(0);

  rect(360,480,wg,hg);

  fill(240);

  arc(480,480,wg*2,hg*2,90,180);

  //Grid 5,5

  fill(240);

  rect(480,480,wg,hg);

    circle(mouseX, mouseY, 20); }