Shape Primitives.

The basic shape primitive functions are triangle(), rect(), quad(), ellipse(), and arc(). Squares are made with rect() and circles are made with ellipse(). Each of these functions requires a number of parameters to determine the shape’s position and size.

Copy


size(640, 360);
background(0);
noStroke();

fill(204);
triangle(18, 18, 18, 360, 81, 360);

fill(102);
rect(81, 81, 63, 63);

fill(204);
quad(189, 18, 216, 18, 216, 360, 144, 360);

fill(255);
ellipse(252, 144, 72, 72);

fill(204);
triangle(288, 18, 351, 360, 288, 360); 

fill(255);
arc(479, 300, 280, 280, PI, TWO_PI);

Functions Used

fill()

Sets the color used to fill shapes

Learn More

size()

Defines the dimension of the display window width and height in units of pixels

Learn More

ellipse()

Draws an ellipse (oval) to the screen

Learn More

rect()

Draws a rectangle to the screen

Learn More

quad()

A quad is a quadrilateral, a four sided polygon

Learn More

triangle()

A triangle is a plane created by connecting three points

Learn More

noStroke()

Disables drawing the stroke (outline)

Learn More

arc()

Draws an arc to the screen

Learn More

background()

The background() function sets the color used for the background of the Processing window

Learn More