size(800,600); //makes a canvas that is 800 pixels wide, 600 pixels tall

background(#AACCFF);

fill(200,100,50);
ellipse(400,300,80,30); //draws an ellipse centered at (400,300) that is 80 pixels wide and 30 pixels tall

stroke(#00FF00);
strokeWeight(5);
triangle(10,10,50,10,50,30); //draws a triangle connecting the points (10,10), (50,10), and (50,30)

rect(700,30,50,300);

noFill();
stroke(0);
arc(400,500,30,60,radians(45),radians(360)); //draws only part of an ellipse
//the way the angles work for arc is 0 degrees is where a clock would be 3:00, 90 degrees is 6:00, 180 degrees is 9:00, and 270 degrees is 12:00.
//so, going from 45 to 360 starts at 4:30 and goes all the way around the clock back to 3:00

noStroke();
fill(#FF0000); //red
quad( 10,590, 10,560, 40,540, 40,570);
fill(#FF7F00); //orange
quad( 40,540, 40,510, 70,490, 70,520);
fill(#FFFF00); //yellow
quad( 70,490, 70,460,100,440,100,470);
fill(#00FF00); //green
quad(100,440,100,410,130,390,130,420);
fill(#0000FF); //blue
quad(130,390,130,360,160,340,160,370);
fill(#4B0082); //indigo
quad(160,340,160,310,190,290,190,320);
fill(#9400D3); //violet
quad(190,290,190,260,220,240,220,270);

fill(255); //this is white. When you just put in one number not in hex, the computer interprets it as a scale of 0=black to 255=white
textSize(40);
text("Hello World!",150,200);

beginShape(); //begins a game of connect the dots
vertex(700,500);
vertex(700,580);
vertex(780,580);
vertex(780,500);
vertex(740,540);
endShape(); //ends a game of connect the dots