NEW
Font size
WorksheetsQuiz sobre p5.js e JavaScript
Total questions: 20
Worksheet time: 10mins
O que é o p5.js e para que ele é utilizado?
Uma ferramenta para criar planilhas financeiras online.
Uma biblioteca de JavaScript usada para programação criativa, como arte visual e interatividade.
Um programa exclusivo para criar páginas de texto.
Uma linguagem de programação substituta do JavaScript.
A linguagem JavaScript é baseada em:
Português
Espanhol
Francês
Inglês
Variáveis são informações armazenadas contendo dados que variam de pessoa para pessoa, ou de execução para execução do código. Dentre as variáveis abaixo, qual está correta se ligada à linguagem JavaScript?
circle
createCanva
let
function draw
Qual é a função principal do bloco setup() no p5.js?
Configurar elementos que só precisam ser executados uma vez, no início do projeto.
Alterar a cor dos elementos a cada segundo.
Atualizar os desenhos várias vezes por segundo.
Detectar cliques do mouse e pressionar teclas.
O que a função draw() faz em um código p5.js?
É realizado uma única vez para configurar a tela.
Serve para desenhar continuamente na tela.
Serve apenas para definir núcleos.
Limitação do tamanho da tela.
Qual é a função do comando createCanvas() no p5.js?
Crie uma borda ao redor da tela.
Definir o tamanho da tela onde os desenhos e animações aparecerão.
Mudar o fundo do projeto.
Apagar tudo o que foi desenhado.
Analise o código e escolha a opção correta.
A largura da tela vai ser de 300 e altura 800
A largura da tela vai ser de 800 e altura 300
A largura da tela vai ser de 200 e altura 800
A largura da tela vai ser de 300 e altura 200
Qual comando é utilizado para desenhar um círculo no P5.js?
circle(x, y, diameter)
drawCircle(x, y, radius)
ellipse(x, y, width, height)
round(x, y, diameter)
Para desenhar um retângulo de 100x50 pixels na posição (30, 30), qual é a sintaxe correta?
rect(30, 30, 50, 100);
rect(0, 0, 100, 50);
rect(30, 30, 100, 50);
rect(100, 50, 30, 30);
Qual é a função da propriedade rect no p5.js?
Verificar a posição do mouse na tela
Definir a cor de preenchimento do retângulo
Pintar o fundo da tela de branco
Criar um retângulo na tela
Para definir a cor de preenchimento de um formato em p5.js, use a função:
rect()
fill()
background()
stroke()
Qual é a função da propriedade fill no p5.js?
Definir a cor de preenchimento de um objeto
Criar um retângulo na tela
Verificar a posição do mouse na tela
Pintar o fundo da tela de branco
O que acontece quando a função background é chamada no p5.js?
Pinta o fundo da tela de uma cor específica
Cria um retângulo na tela
Define a posição do mouse na tela
Verifica se o mouse está pressionado
Para colocar a cor no seu projeto existem duas formas, podemos escrever o nome da cor em inglês ou colocar o número, caso o nome da cor seja o escolhido, devemos colocá-lo entre aspas. Essa afirmativa é:
FALSA
VERDADEIRA
DEPENDE
NENHUMA DAS ANTERIORES
As variáveis mouseX e mouseY no p5.js representam:
A largura e altura do retângulo na tela.
A posição do mouse nos eixos X e Y, respectivamente.
A cor do fundo da tela.
A velocidade do movimento do mouse.
O que representa a propriedade mouseX no p5.js?
O tamanho do retângulo
A posição do mouse no eixo X
A posição do mouse no eixo Y
A cor de preenchimento do retângulo
Qual função usar para verificar se o botão do mouse está pressionado?
keyPressed
mousePressed
mouseIsPressed
isMouseDown
Analise o código da função draw() abaixo:
Se o mouse está pressionado, a cor do retângulo deve ser vermelho. Caso contrário, será verde.
Se o mouse está pressionado, a cor do retângulo deve ser branco. Caso contrário, passará a ser verde.
Se o mouse está pressionado, o tamanho do retângulo deve ser 100. Caso contrário, será 0.
Se o mouse está pressionado, a cor de fundo do retângulo deve ser branco. Caso contrário, será vermelho.
Qual das seguintes opções desenha uma linha no p5.js?
drawLine(x1, y1, x2, y2)
line(x1, y1, x2, y2)
straight(x1, y1, x2, y2)
connect(x1, y1, x2, y2)
A função random() no P5.js é utilizada para:
Desenhar formas aleatórias.
Gerar números aleatórios.
Definir uma cor aleatória.
Criar uma animação aleatória.
