Font size
WorksheetsQuiz sobre P5.js e JavaScript
Total questions: 8
Worksheet time: 24mins
A função draw() no p5.js é essencial porque:
Define as configurações iniciais do programa, como tamanho do canvas e cor de fundo.
Atualiza o canvas repetidamente, permitindo a criação de animações e interações.
Garante que todas as formas desenhadas permaneçam estáticas após sua execução.
Finaliza a execução do programa ao atingir um número fixo de frames.
No p5.js, como a função background() influencia a execução contínua do programa dentro da função draw()?
Apenas define a cor do canvas ao iniciar o programa, sem atualizações posteriores.
Define a cor de fundo continuamente, criando o efeito de "limpar" a tela a cada frame.
Altera a cor dos elementos gráficos, como formas geométricas e linhas.
Atualiza a cor de fundo uma única vez, sem afetar a repetição dos frames.
1. Quais elementos podem ser manipulados em p5.js para alterar a aparência e o comportamento dos gráficos gerados?
Propriedades dos objetos gráficos, como posição, tamanho, cor e opacidade.
Apenas atributos fixos, como cor de fundo e tamanho padrão das formas.
Letras de músicas e regras predefinidas dos jogos.
Itens visuais estáticos, sem interação ou mudanças dinâmicas.
Em p5.js, como diferenciar o uso das funções fill(), stroke(), e background() ao trabalhar com gráficos dinâmicos?
fill() e stroke() têm a mesma função, enquanto background() redefine a posição das formas.
fill() especifica a cor interna das formas, stroke() define a cor das bordas e background() atualiza a cor do fundo do canvas.
Todas as funções controlam aspectos visuais das formas, mas só background() é usado para alterar a cor do texto.
fill() determina a cor de fundo, stroke() colore as formas geométricas e background() define a cor das bordas.
Qual das seguintes opções representa corretamente uma cor azul em p5.js, considerando diferentes formas de declarar cores?
fill('blue'); — utilizando nome da cor.
fill(0, 0, 255); — utilizando valores RGB.
fill('#0000FF'); — utilizando código hexadecimal
Todas as alternativas estão correta
Entregue o projeto utilizando p5.js, aplicando os conceitos aprendidos em sala.
Seu projeto deve conter:
Elementos gráficos criados com funções do p5.js (formas geométricas e diferentes cores).
Uso de variáveis e funções para organizar o código.
Use sua criatividade ao modificar cores, formas, movimentos ou interações
Envie o link do código do editor p5.js.
Ao observar as mudanças que você realizou no seu projeto em p5.js, como você descreveria o impacto dessas alterações no resultado final? Você acredita que conseguiu expressar sua criatividade ao modificar cores, formas, movimentos ou interações? Descreva quais foram as alterações criativas você fez e como elas contribuíram para deixar o projeto mais original.
Analise o seu código, você considera que a sintaxe está correta (Verdadeiro ou Falso):
Sim, está tudo certo em meu código
Não, tem alguns erros
