Tutorial 1 How to Code Digital Art in JavaScript |p5.js

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

• To continuously update shapes on the canvas

• To create a loop for animations

• To run once at the beginning to set initial settings

• To define the HTML structure of the page

What is the draw() function used for in p5.js?

• To set up the canvas size

• To style the HTML elements

• To continuously update and display graphics on the canvas

• To import JavaScript libraries

Which function is used to create the drawing canvas in p5.js?

• drawCanvas()

• createCanvas()

• startCanvas()

• setupCanvas()

How do you set the background color in a p5.js sketch?

• setColor(255)

• canvas.background(255)

• background(255)

• setBackgroundColor(255)

What function is used to draw a circle in p5.js?

• drawCircle(x, y, r)

• circle(x, y, r)

• ellipse(x, y, w, h)

• drawEllipse(x, y, r)

Why is p5.js a good choice for coding digital art?

• It creates 3D models by default

• It simplifies drawing and interactivity with easy functions

• It doesn't use JavaScript

• It's only for making websites

How does p5.js help beginners with coding art?

• It removes the need for JavaScript entirely

• It converts art into HTML

• It provides simple functions for drawing and interaction

• It requires complex setup and configurations

Which of the following is a real-world use of coding digital art?

• Sending emails

• Calculating taxes

• Designing interactive visual installations

• Writing novels

If you wanted a canvas that is 800 pixels wide and 600 pixels tall, what code would you use?

• drawCanvas(800, 600);

• createCanvas(800, 600);

• background(800, 600);

• setCanvas(800, 600);

What function can detect a mouse click in p5.js?

• checkMouseClick()

• drawMouseClick()

• mousePressed()

• clickMouse()