​

function setup() {

  createCanvas(600, 600);

}

​

function draw() {

  background(220);

​

//cookie

  //1

  stroke("black");

  strokeWeight(2);

  fill("White");

  quad(50, 50, 100,50,100, 100,50,100);

  //2

  quad(100, 100, 150,100,150, 150,100,150);

  //3

  noFill();

  quad(50,100,100, 100,100,150,50,150);

  //4

  quad(100,50,150,50,150,100,100,100);

// dart

  fill("#F00000");

  stroke("#B70202");

  strokeWeight(5);

  quad(300,50,350,150,300,130,250,150);

// trapazoid

  stroke("black");

  strokeWeight(2);

  fill("White");

  quad(430,50,550,50,530,150,450,150);

// paral

  push();

  translate(0,-30);

  fill("#FFD935");

  stroke("#FFBB35");

  strokeWeight(7);

  quad(100,250,350,250,300,430,50,430);

  pop();

// diamond

  push();

  translate(-10,0);

  stroke("black");

  strokeWeight(2);

  fill("White");

  quad(500,230,550,480,500,550,450,480);

  pop();

//rect

  fill("#2AA82B");

  stroke("#138814");

  strokeWeight(7); 

  quad(200,480,370,480,370,550,200,550);

​

//white rect

  stroke("black");

  strokeWeight(2);

  fill("White");

  quad(50,480,150,480,150,550,50,550);

}