p5.js - using color & built-in variables

What function do we use to change the color of the *background*?

• stroke()

• fill()

• background()

• rect()

What function do we use to change the color of a shape or text?

• strokeWeight()

• ellipse()

• text()

• fill()

What is wrong with this code?

• There is no definition of an ellipse in the p5 library.

• The arguments for the circle are wrong.

• ellipse is spelled wrong so p5 doesn't recognize it.

• p5 is just being mean.

Which of the following would create a blue fill?

• fill(255, 255, 255);

• fill(255, 0, 0);

• fill(0, 255, 0);

• fill(0, 0, 255);

What would you need to change to keep the ellipse red, but make the rectangle white?

• Nothing. The rectangle will be white because shapes are white by default.

• Add fill(0, 0, 0) above the rect() function.

• Add fill(255, 255, 255) above the rect() function.

• Swap the order of the rect() function and the ellipse() function.

What x and y coordinates would you use to center a circle on a canvas that is 400 by 400 pixels?

• (100, 100)

• (200, 200)

• (300, 300)

• (400, 400)

What's wrong with this code?

• There is a curly bracket missing after setup()

• There is a curly bracket missing after draw()

• There are missing semicolons after setup() and draw()

• stroke() cannot have an argument of ‘0’

What function do we use to change the outline color of a shape?

• stroke()

• strokeWeight()

• fill()

• text()

Why won’t an ellipse appear when this program is run?

• The canvas size is too small.

• The ellipse() function needs to be called before background()

• An ellipse with a size of 50 pixels is too small to be seen on the canvas.

• The rect() function draws a rectangle on top of the circle, covering it up.

What number would you change to move the y position of this rectangle?

• 20 (the first argument)

• 30 (the second argument)

• 100 (the third argument)

• 150 (the fourth argument)