P5.js Advanced

Which of the following best describes p5.js?

• An AI-tool

• A Hyper Text Markup Language

• A python-based programming language

• A JavaScript library

The area where all drawn graphics are displayed is known as the...

• console 
• canvas
• variable
• palate

__________________ are the values inside of the parentheses following the name of the function. These values will be different based on the information that the function needs.

• Brackets 
• Ellipses
• Variables
• Parameters

Which of the following is an example of a built in variable in P5.js?

• background
• varX
• mouseX
• rect

What, if anything, is the difference between function setup () and function draw()?

• Function setup is a loop and function draw only runs once.
• There are no differences.
• Function setup and function draw are both loops but they allow the programmer to do different things.
• Function setup runs once and function draw is a loop.

'Background, arc, and ellipse' are all examples of ______________ in p5.js.

• functions
• custom variables
• shapes
• parameters

How many parameters are there in the code for drawing a line in p5.js?
_{Hint: line(x1,y1,x2,y2)}

• 5
• 1
• 4
• 2

mouseX and mouseY are variables that represent...

• The location of the mouse on the X and Y axis.
• The location of your drawing on the x and y axis.
• The size of the canvas.
• None of the above.

Which of the following is the correct syntax for drawing a rectangle? 

• Rect(x,y,width,height);
• rect(x,y,width,height);
• rect(width, height, x, y)
• rect(x1, x2, y1, y2, width, height);

Which of the following is the correct syntax for drawing a triangle? 

• triangle(x1,y1,x2,y2,x3,y3);
• triangle(x1,x2,x3,y1,y2,y3);
• tri(x1,y1,x2,y2,x3,y3);
• tri(x1,y1,x2,y2,x3,y3, width, height);