Quiz sobre Comandos em p5.js

O que acontece se você modificar os parâmetros de createCanvas(400, 400) para createCanvas(600, 200)?

• A área de desenho terá uma base menor e uma altura menor.

• A área de desenho terá uma base maior e uma altura menor.

• A área de desenho terá uma base menor e uma altura maior.

• A área de desenho permanecerá do mesmo tamanho.

Organize os blocos a seguir para criar um círculo maior do que o que já foi feito:

• 200,

• );

• 200,

• 400

• circle(

Leia as afirmações a seguir sobre as funções setup() e draw():

• A função setup() é chamada repetidamente durante o ciclo de execução do programa.

• A função draw() é responsável por desenhar na tela de forma contínua, enquanto o programa está rodando.

• O comando createCanvas() deve ser colocado dentro de draw() para garantir que a tela seja redesenhada a cada frame.

Guilherme quer desenhar uma linha com o comando line (), que começa no primeiro pixel da esquerda e vai até o fim do outro lado em uma tela de 400 x 400 pixels, como mostra a figura a seguir:

• );

• line(

• 400, 400

• 0, 0

Avalie as afirmativas a seguir sobre o uso de comandos e a manipulação de coordenadas no plano cartesiano e, em seguida, assinale a alternativa correta:

• I. O comando line() desenha uma linha reta conectando dois pontos definidos por coordenadas (x1, y1) e (x2, y2).

• II. O comando triangle() exige 3 valores de coordenadas, sendo um para cada vértice do triângulo.

• III. Para desenhar um triângulo na tela, o ponto de origem (0,0) está localizado no canto inferior direito da tela.

• IV. O ponto (0, 0) do plano cartesiano, em p5.js está localizado no canto superior esquerdo da tela.

Com base nesse código, analise as afirmativas a seguir e as defina como verdadeiras (V) ou falsas (F):

• O código desenha um círculo de 10 pixels de diâmetro somente quando o botão do mouse é pressionado.

• O círculo será desenhado sempre no centro da tela, independentemente da posição do mouse.

• A posição do círculo é determinada pelas coordenadas atuais do mouse (mouseX, mouseY) quando o mouse é pressionado.

• O código desenhará múltiplos círculos automaticamente enquanto o mouse estiver pressionado e em movimento.