2.02 Drawing Shapes

function setup() {

  createCanvas(1000, 500);

  background(200);

}

function draw() {

  //line from (100,70) to (500,400)

//  line(100,70,500,400)

//  //square with corner at (700,50) and height/width of 250

//  square(700,50,250)

​

//  //rectangle with corner at (25,100) width of 50 and height of 200

//  rect(25,100,50,200)

​

//  //circle with center at (525,175) and diameter of 200

//  circle(525,175,200)

//  //elipse with center at (325,400) width of 150 and height of 50

//  ellipse(325,400,150,50) 

//  //triangle with corners at (675,450), (975,450), and (825,350)

//  triangle(675,450,975,450,825,350)

  ellipse(300, 200, 10, 30);

  fill(255,0,0);

  // X-pos, Y-pos, Width, Length

  ellipse(320, 200, 10, 30);

  // X-pos, Y-pos, Width, Length

  ellipse(310, 216, 20, 5);

  // X-pos, Y-pos, Width, Length

  fill(0,255,0);

  rect(308, 175, 5, 25);

  fill(255,0,0);

  ellipse(310, 200, 20, 30);

  // X-pos, Y-pos, Width, Length

}