Exploring P5 Programming

What is P5.js primarily used for?

• Developing server-side scripts

• Creating visual art and interactive graphics in web browsers.

• Building mobile applications

• Creating database management systems

How do you create a canvas in P5.js?

• Use 'drawCanvas(width, height);' in the 'setup' function.

• Use 'createCanvas(width, height);' in the 'setup' function.

• Invoke 'createScreen(width, height);' in the 'draw' function.

• Call 'initializeCanvas(width, height);' before 'setup();'

What function is used to draw shapes in P5.js?

• createCircle()

• rect(), ellipse(), line()

• paintRectangle()

• drawShape()

Explain the purpose of the setup() function in P5.js.

• The setup() function handles user input events.

• The setup() function is for saving the sketch as an image.

• The setup() function initializes the sketch and prepares the environment.

• The setup() function is used to draw shapes on the canvas.

What is the difference between fill() and stroke() in P5.js?

• fill() applies to images; stroke() applies to text.

• fill() sets the interior color of shapes; stroke() sets the outline color of shapes.

• fill() sets the outline color of shapes; stroke() sets the interior color of shapes.

• fill() is used for text color; stroke() is used for background color.

How can you load an image in P5.js?

• Use createImage() in setup() to load an image.

• Call loadImage() directly in draw() to display an image.

• Use loadImage() in setup() and draw() in preload() to load an image.

• Use loadImage() in preload() and image() in draw() to load and display an image.

What is the role of the draw() function in P5.js?

• The draw() function continuously executes the lines of code contained inside its block until the program is stopped.

• The draw() function handles user input events in P5.js.

• The draw() function is only called once at the beginning of the program.

• The draw() function is used to define global variables in P5.js.

How do you handle mouse events in P5.js?

• Handle mouse events with touchStarted() and touchEnded() functions.

• Use keyPressed() and keyReleased() functions for mouse events.

• Use mousePressed(), mouseReleased(), mouseMoved(), and mouseDragged() functions to handle mouse events.

• Mouse events are not supported in P5.js.

What is a P5.js sketch?

• A P5.js sketch is a drawing made with pencils.

• A P5.js sketch is a program that uses the P5.js library to create visual and interactive graphics.

• A P5.js sketch is a type of musical composition.

• A P5.js sketch is a written document outlining project goals.

How can you create an interactive animation using P5.js?

• Create animations using CSS instead of P5.js.

• Add interactivity by using only HTML elements without P5.js functions.

• Use only the draw() function without setup() for animations.

• Use P5.js to set up a sketch with setup() and draw() functions, and add interactivity with event functions.