// defining a function 

  // command slash comments out things

  createCanvas(200,200);

  // changes size of canvas (board)

  ellipse(4,4,10);

  ellipse(4,40,10);

  line(10, 30, 200, 50);

  // draws a line

  point(4,4);

  // makes a point

  rect(20,30,60,80);

  // rect makes a rectangle but if you remove a radius it makes a square

  fill(0,0,255);

  // fills the shape

  ellipse(30,40,50,60);

  noFill();

  // stop other shapes afterwards from filling

  ellipse(80,90,70,20);

  // ellipse is blue as it is a built-in function

  // coordinates is counting pixles

  // 30 and 40 resembles x and y coordinates

  // 50 is radius in x coordinates and 60 is radious in y coordinates.

  // if I remove one of radious it will assume the x and y radius is the same

  // if elipse goes after rectangle elipse will block rectangle

  // order is important!

  // {} defines what is apart of that function

  // semi-colon (;) signifies the end of a statement

  stroke(255,0,0);

  // stroke(red,green,blue)

  // values go from 0-255

  triangle(10,20,90,40,50,70);

  // triangle(x1, y1, x2, y2, x3, y3)

  stroke(0,0,0);

  arc(100,100,100,100,radians(0),radians(180));

  //arc(x,y,w,h,start,stop,[mode],[detail])

  //radians(changes degrees to radians)

  arc(150, 150, 150, 150, 0, radians(180), CHORD)

}

​

​