Sets the color used to fill shapes.
Sets the color used to fill shapes using RGB values.
Sets the color used to fill shapes to a grayscale value.
Sets the color used to draw lines and borders around shapes.
Sets the color used to draw lines and borders around shapes to a grayscale value
Sets the color used to draw lines and borders around shapes using RGB values
Disables drawing the stroke (outline)
A color model in which red, green, and blue light are added together in various ways to reproduce a color
A way of representing a color from various color models using hexadecimal values
A collection of colors used together in one medium
Declaring a variable is defining it for the first time.
Initializing a variable is giving it an initial value.
A built-in variable provided by p5.js
System variable that stores the width of the drawing canvas. This value is set by the first parameter of the `createCanvas()` function.
System variable that stores the height of the drawing canvas. This value is set by the second parameter of the `createCanvas()` function.
A form of art that rapidly displays a sequence of still images to create an illusion of movement
A single image in a sequence of pictures
The rate at which consecutive frames are captured or displayed
Specifies the number of frames to be displayed every second
A p5.js system variable that contains the number of frames that have been displayed since the program started
A gradual blend of one color to another.
The changes done in the shapes on a coordinate plane by scaling, translating, or rotating.
Slides or moves the shape
Expands or contracts the shape
A measurement of a plane angle in which one full rotation is 360 degrees
The SI unit for measuring angles
Sets the amount to shift the origin of the canvas. The x parameter specifies left/right translation, the y parameter specifies up/down translation.
Rotates a shape by the amount specified by the angle parameter
Increases or decreases the size of a shape by expanding or contracting vertices.
Rotates or turns the shape around an axis
A system variable that contains the current horizontal position of the mouse
A system variable that contains the current vertical position of the mouse
A system variable that tracks of which mouse button is pressed. Its value can be either LEFT, RIGHT, or CENTER depending on which button was pressed last
A system variable that contains the value of the most recent key on the keyboard that was typed
Checks if a given key is currently down
A system variable that returns `true` if any key is pressed and `false` is no keys are pressed
Numeric values that correspond to physical keys on the keyboard
Called once when the program starts and is used to define the initial environment properties.
Continuously executes the lines of code contained inside its block until the program is stopped.
Creates a canvas element in the document and sets the dimensions of it in pixels.
Draws an ellipse to the screen given the x, y coordinate and the width and height (height is optional).
Draws a rectangle to the screen given the x, y coordinate and the width and height (height is optional).
Draws a line (direct path between two points) to the screen. The first two parameters x1, y1 control the position of the first point and the last two parameters x2, y2 control the position of the second point.
