5p shapes examples

*/

​

//runs once, before programs starts drawing//

function setup() {

  createCanvas(400, 400);

​

}

​

//runs 60fps, constantly drawing/updating the graphics//

function draw() {

  background(100);

​

  // add some color//

  //colorMode(HSB)

  //css values go in quotation marks ""

  noStroke();

// shapes //

  rectMode(CENTER); // all caps means constant

  // headphones

  rect(200,200,50,20,10)

  fill("silver")

​

  // neck

  rect(200,220,25,15,10)

  fill("red")

  // body

  rect(200,250,50,50,5)

  fill("black")

  // collar

  triangle(

    220,225,

    200,250,

    180,225

  )

  fill("silver");

  // head

  square(200,200,40,5)

  fill("cyan");

  // mouth

  ellipse(200, 200, 10, [10])

  ellipse(200, 213, 25, [10])

  fill("cyan");

  // eye right

  circle(200-10,200-10,10)

  circle(200-10,200-10,5)

  fill("cyan");

  //eye left

  circle(200+10,200-10,10)

  circle(200+10,200-10,5)

  fill("silver");

  // arm right

  rect(200-35,200+55,15,50,25)

  fill("silver")

  // arm left

  rect(200+35,200+55,15,50,25)

  fill("silver")

  // right leg

  rect(200-10,300+2,15,50,20)

  fill("silver")

  // left leg

  rect(200+10,300+2,15,50,20)

  fill("red")

}

​

// save image

function mousePressed(){

  save("character.jpg")

}