Search Header Logo

p5.js activity

Authored by Melida Grullon

Computers

9th - 12th Grade

Used 35+ times

p5.js activity
AI

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

    Content View

    Student View

7 questions

Show all answers

1.

MULTIPLE SELECT QUESTION

2 mins • 1 pt

What are some shapes we can create with p5.js?

Rectangle

Circle

Dog

Triangle

2.

MULTIPLE CHOICE QUESTION

2 mins • 1 pt

What is a correct code to create a rectangle in p5.js?

rectangle(40,120);

rect(40,120,120,40);

rectangle(40,120,120,40);

rect();

3.

MULTIPLE CHOICE QUESTION

2 mins • 1 pt

Media Image

How do I create a rectangle located 50px to the right and 80px down on the canvas?

rect(40,100,80,50);

rect(100,40,50,80);

rect(80,50,100,40);

rect(50,80,100,40);

4.

MULTIPLE CHOICE QUESTION

2 mins • 1 pt

What function do we use to add color to a shape in p5.js?

fill();

color();

colorize();

paint();

5.

MULTIPLE SELECT QUESTION

2 mins • 1 pt

Media Image

Which are correct ways to add color to a shape in p5.js?

fill(‘yellow’);

fill(amarillo);

fill(255,255,0);

fill(‘#ebe12d’);

6.

MULTIPLE CHOICE QUESTION

2 mins • 1 pt

Which code makes an ellipse measuring 140px width and 100px height?

ellipse(175, 130, 100, 140);

circle(175, 130, 140, 100);

ellip(175, 130, 140, 100);

ellipse(175, 130, 140, 100);

7.

MULTIPLE CHOICE QUESTION

2 mins • 1 pt

Media Image

Which code sets the canvas' color to "pink" in p5.js?

background-color('pink');

background('pink');

bg('pink');

bg-color('pink');

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

Already have an account?