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

What does the createCanvas(400, 400); line do?

• Sets the background color

• Starts an animation

• Creates a 400x400 pixel drawing area

• Draws a rectangle

Which function is used to draw the sun as a circle?

• ellipse()

• circle()

• rect()

• triangle()

What is the main color of the left background (sky)?

• Green

• White

• Light Blue

• Yellow

How is the tree trunk drawn?

• A) A brown ellipse

• B) A green rectangle

• C) A triangle

• D) A brown rectangle

Which function is used to draw the tree leaves?

• rect()

• ellipse()

• triangle()

• circle()

What color is used for the sun?

• Red

• White

• Yellow

• Blue

How many clouds are drawn in the sketch?

• 1

• 2

• 3

What is the purpose of the noStroke() line?

• It hides the canvas

• It removes the fill color

• It disables outlines on shapes

• It sets the background

What p5.js function is used to draw rectangles (e.g., for background and trunk)?

• circle()

• rect()

• triangle()

• fill()

Which line creates the grassy ground on the right side?

• rect(200, 350, 200, 10);

• circle(100, 100, 100);

• ellipse(140, 200, 50, 60);

• triangle(260, 210, 290, 160, 320, 210);