Shapes
Input and conditionals
Processing basics
Miscellaneous
100

This is the full line of code that you would use to draw a line from the top left corner to the bottom right corner of a 500x500 canvas.

What is line(0, 0, 500, 500);

100

These are the special variables that represent the position of the user's mouse on the X and Y axes of the canvas.

What are mouseX and mouseY ? 

100

This function, used to set the size of the canvas and initial background color, is only called once at the start when running a program in Processing.

What is void setup() ? 

100

This is the range of values that you can use when specifying colors in Processing.

What is 0-255 ?

200

This is the rectMode you would use if you wanted to draw a rectangle by providing the top left corner, width, and height.

What is CORNER ? 

200

This the keyword that extends an if statement, specifying a block of code to execute when the expression in the if statement was false. 

What is else ? 

200

This is the full line of code we would use to declare a new variable called "n" for holding integer values, and set it equal to 100.

What is int n = 100;

200

This is the full name of the function that is called continuously to update the display in a Processing program.

What is void draw() ?

300

This the full line of code that you would use to draw a circle centered at (100, 200) with radius 150.

What is circle(100, 200, 300);  

OR 

What is ellipse(100, 200, 300, 300); 

300

This is the full name of the function that is called every time the user types a key.

What is void keyPressed() ? 

300

This is the data type we would use for a variable that could hold a decimal value.

What is float?

300

This is the full line of code you would use to set the color used to fill in shapes to pure blue. 

What is fill(0, 0, 255); 

400

This is the full line of code that you would use to draw a point at the exact middle of the canvas, even if you don't know the canvas size.

What is point(width/2, height/2);

400

This is the logical operator used to combine multiple conditions in an if statement so that the code only runs if ALL conditions are true.

What is && ?

400

This is the popular programming language that Processing is based on, and shares many characteristics with.

What is Java?

400

This is how you would generate a random number between greater than or equal to 1, and less than 10.

What is random(1, 10) ?
500

This is the full line of code that you would use to draw an ellipse centered at the user's mouse, with a random height and width not exceeding the canvas size.

What is ellipse(mouseX, mouseY, width, height);

500

This is the operator that is used to check if AT LEAST one of multiple conditions is true, rather than requiring all of them to be true.

What is || ?

500

This is how we would change the frame rate of Processing so that the frame only updates once every 200 milliseconds (or 0.2 seconds).

What is frameRate(5); ?
500

This is the binary (base 2) representation of the decimal (base 10) number 29.

What is 11101?