Art and Programming Concepts in p5.js

In this video, Jillian from Black Girls Code guides viewers through creating digital art using p5.js. The tutorial covers setting up a canvas, drawing shapes, and using the quad function to create a fist. Jillian also discusses the historical significance of the raised fist as a symbol of empowerment. The video concludes with instructions on creating arcs and finalizing the art piece, encouraging viewers to use their skills for social justice.

What color did Jillian choose to draw in the viewer's eye?

• Red

• Blue

• Purple

• Green

What is the first step in setting up the canvas in p5.js?

• Change the background color

• Set up the canvas size

• Draw the first shape

• Add a title

How can you find the exact coordinates of an object in p5.js?

• Using the XY tool

• Using the color picker

• Using the console log

• Using the shape tool

What function allows you to connect the four points of a square or rectangle independently in p5.js?

• quad()

• ellipse()

• rect()

• line()

What shape is used to represent the top of the thumb in the fist drawing?

• Ellipse

• Triangle

• Rectangle

• Circle

What historical event made the raised fist an international symbol of protest?

• The Civil Rights Movement

• The 1968 Olympics

• The Black Panther Party

• The Women's March

In which direction do degrees increase when drawing an arc in p5.js?

• Vertically

• Counterclockwise

• Clockwise

• Horizontally

What is the starting degree for drawing an arc in p5.js?

• 0 degrees

• 180 degrees

• 360 degrees

• 90 degrees

Which option for drawing an arc looks like a sliced orange?

• Slice

• Open

• Pie

• Cord

What should you do before taking a break to ensure your artwork is not lost?

• Delete the file

• Restart the computer

• Save your artwork

• Close the browser