Exploring p5.js Drawing Properties

What function is used to set the background color in p5.js?

• fillBackground()

• setBackground()

• background()

• colorBackground()

How do you create a rectangle in p5.js?

• Call the rectangle(x, y) method to draw a rectangle.

• Create a rectangle using the shape() function.

• Use the rect(x, y, width, height) function in p5.js to create a rectangle.

• Use the drawRect(x, y, width, height) function.

What property controls the stroke color of shapes in p5.js?

• noStroke()

• background()

• stroke()

• fill()

Which function is used to draw an ellipse in p5.js?

• drawEllipse()

• shape()

• circle()

• ellipse()

What is the purpose of the 'fill()' function in p5.js?

• To set the fill color for shapes in p5.js.

• To change the stroke color for shapes in p5.js.

• To create a new shape in p5.js.

• To clear the canvas in p5.js.

How can you change the size of the canvas in p5.js?

• Use the 'resizeCanvas(width, height)' function.

• Adjust the canvas size using CSS styles.

• Use the 'setCanvasSize(width, height)' function.

• Change the canvas size in the HTML file directly.

What does the 'noStroke()' function do in p5.js?

• The 'noStroke()' function changes the color of the stroke in p5.js.

• The 'noStroke()' function only affects text rendering in p5.js.

• The 'noStroke()' function disables the stroke for shapes in p5.js.

• The 'noStroke()' function adds a border to shapes in p5.js.

How do you draw a line between two points in p5.js?

• connectPoints(x1, y1, x2, y2);

• drawLine(x1, y1, x2, y2);

• createLine(x1, y1, x2, y2);

• line(x1, y1, x2, y2);

What is the default color mode in p5.js?

• Grayscale

• RGB

• CMYK

• HSL

How can you clear the canvas in p5.js?

• Call the `clearCanvas()` method.

• Invoke the `remove()` function.

• Use the `reset()` function.

• Use the `clear()` function.