Quiz sobre P5.js e JavaScript

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:

1. Elementos gráficos criados com funções do p5.js (formas geométricas e diferentes cores).

2. Uso de variáveis e funções para organizar o código.

3. 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