A programming language is any set of rules that converts strings, or graphical program elements in the case of visual programming languages, to various kinds of machine code output.
Defining a function means to teach the computer a new command and explain what it should do when receiving that command.
Calling a function actually gives the command, so the computer will run the code for that function.
A block of reusable code that is used to perform a task.
Commenting out code makes the computer ignore it, so it does not run.
Top down design is a method for breaking our program down into smaller parts.
An if statement lets you ask a question to the program and only run code if the answer is true.
A statement that evaluates to true or false.
Control structure that lets us run either one section of code or another depending on a test.
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.
Blending of computer programming, graphic design, and a storyline.
An identifier that stores data or information and can be changed at any time.
A collection of commands and functions that are used to extend the base language.
A JavaScript library for creating interactive art and games with a 2D physics engine.
A graphical object with properties that determine how it looks and behaves on the canvas.
A special part of a computer program or a tool that makes objects in a virtual world act like they would in the real world.
Gameplay is a term to describe players interacting with a video or computer game.
Rules, challenges, abilities, and parameters that dictate how a game functions or operates
A game's objectives, opportunities for players to make meaningful choices, game changes over the course of play, and defined rules for playing
The aesthetics, story, audio, information, and interactive game pieces or objects.
Video game genres are specific categories of games based on similar gameplay characteristics, story, or mechanics.
