wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Creating an Animation with JavaScript

Total questions: 15

Worksheet time: 8mins

Name
Class
Date
1.

Preencha o espaço em branco: A função 'circle()' em p5.js requer três parâmetros: a coordenada x, a coordenada y e o ______.

a)

A) raio

b)

B) diâmetro

c)

C) circunferência

d)

D) área

2.

Preencha o espaço em branco: A função 'circle()' é um caso especial da função ______ onde a largura e a altura são iguais.

a)

ellipse()

b)

rectangle()

c)

line()

d)

point()

3.

Preencha o espaço em branco: A função 'fill' é usada para mudar a ______ do círculo.

a)

Tamanho

b)

Cor

c)

Posição

d)

Forma

4.

No p5.js, qual função é chamada uma vez no início do programa?

a)

draw()

b)

setup()

c)

loop()

d)

start()

5.

Preencha o espaço em branco: A função 'createCanvas(400, 400);' faz parte da função ________ no p5.js.

a)

A) draw()

b)

B) setup()

c)

C) loop()

d)

D) start()

6.

Preencha o espaço em branco: O uso de 'random' no código ajuda a gerar cores _______ cada vez que o programa é executado.

a)

Fixas

b)

Aleatórias

c)

Uniformes

d)

Previsíveis

7.

Preencha o espaço em branco: A variável 'cor' é usada para armazenar a ____ do círculo.

a)

posição

b)

tamanho

c)

cor

d)

forma

8.

Preencha o espaço em branco: A função 'background' é usada para definir a ____ da tela.

a)

tamanho

b)

cor

c)

posição

d)

forma

9.

No contexto do código, o que 'posicaoHorizontal--' faz?

a)

Aumenta a posição horizontal

b)

Diminui a posição horizontal

c)

Para o movimento

d)

Muda a cor.

10.

Qual é o papel de 'fill(cor)' no código?

a)

Desenhar um retângulo

b)

Definir a cor do círculo

c)

Mover o círculo

d)

Parar o círculo.

11.

No código, o que acontece quando 'mouseX < posicaoHorizontal'?

a)

posicaoHorizontal é aumentada

b)

posicaoHorizontal é diminuída

c)

posicaoVertical é aumentada

d)

posicaoVertical é diminuída

12.

Qual variável é usada para rastrear a posição vertical da forma?

a)

posicaoHorizontal

b)

posicaoVertical

c)

mouseX

d)

mouseY

13.

Complete a lacuna: O código verifica a posição do mouse para ajustar o ______ da forma.

a)

cor

b)

tamanho

c)

posição

d)

velocidade

14.

No código, o que acontece quando 'mouseX' é menor que 'posicaoHorizontal'?

a)

posicaoHorizontal é incrementado

b)

posicaoHorizontal é decrementado

c)

posicaoVertical é incrementado

d)

posicaoVertical é decrementado

15.

Qual é o papel de 'posicaoHorizontal' no código?

a)

Ele rastreia a posição vertical do mouse

b)

Ele rastreia a posição horizontal do mouse

c)

Ele exibe texto

d)

Ele muda de cor.