Quiz de Funções em p5.js

Desenhar formas geométricas continuamente na tela.

Configurar o ambiente inicial, como tamanho da tela e variáveis.

Detectar interações do teclado.

Repetir comandos indefinidamente.

Executa comandos apenas uma vez no início.

Desenha formas geométricas apenas quando o usuário clica.

Executa comandos continuamente, criando animações.

Salva o desenho em um arquivo.

`rect(x, y, w, h)`

`ellipse(x, y, w, h)`

`line(x1, y1, x2, y2)`

`triangle(x1, y1, x2, y2, x3, y3)`

`rect(50, 50, 100, 100)`

`ellipse(50, 50, 100, 100)`

`rect(100, 100, 50, 50)`

`triangle(50, 50, 100, 100, 150, 150)`

`for (let i = 0; i < 10; i++) { /* comandos */ }`

`if (i < 10) { /* comandos */ }`

`while (i < 10) { /* comandos */ }`

`repeat (i = 0; i < 10; i++) { /* comandos */ }`

`if x > 100 { /* comandos */ }`

`if (x > 100) { /* comandos */ }`

`if x = 100 { /* comandos */ }`

`if (x < 100) { /* comandos */ }`

`if (key == ' ') { /* comandos */ }`

`if (mousePressed) { /* comandos */ }`

`if (keyCode == ENTER) { /* comandos */ }`

`if (key == 'a') { /* comandos */ }`

O código fica mais difícil de entender.

Permite reutilizar trechos de código e organizar melhor o projeto.

Diminui a velocidade de execução.

Impede o uso de variáveis globais.

Usar 10 comandos `ellipse` separados.

Usar um laço FOR para repetir o comando `ellipse`.

Usar apenas a função `setup()`.

Usar uma estrutura IF.

`background(255, 255, 255);`

`createCanvas(largura, altura);`

`size(largura, altura);`

`setCanvas(largura, altura);`