Avaliação AV1 PC

No código abaixo, foi utilizado o comando createCanvas() para definir o tamanho da tela onde as formas geométricas serão desenhadas:

function setup() { createCanvas(400, 400); }

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

• Alternativa correta

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

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

O comando circle() foi usado no código para desenhar círculos na tela. Veja o exemplo:

circle(200, 200, 300);

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

• );

• 200

• 400

• circle(

• 200

Leia as afirmações a seguir sobre as funções setup() e draw(): ( )​ (a)   A função setup() é chamada repetidamente durante o ciclo de execução do programa. ( ) ​ (b)   VA função draw() é responsável por desenhar na tela de forma contínua, enquanto o programa está rodando. ( )​ (c)   O comando createCanvas() deve ser colocado dentro de draw() para garantir que a tela seja redesenhada a cada frame. Agora, classifique as afirmações como verdadeiras (V) ou falsas (F):.

• V
• F

Associe as afirmativas abaixo sobre o uso de comandos e a manipulação de coordenadas no plano cartesiano:

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.

• II e III estão corretas.

• I, II e IV estão corretas.

• Apenas III está correta.

• I e IV estão corretas.

Marcelo quer criar círculos em seu desenho e por isso criou o seguinte código:

if (mouseIsPressed) { circle(mouseX, mouseY, 10); }

Com base nesse código, analise as afirmativas abaixo e as defina como verdadeiro ou falso:

( ) 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 irá desenhar múltiplos círculos automaticamente enquanto o mouse estiver pressionado e em movimento.

Dado o código abaixo:

fill("green");

rect(100, 100, 50, 50); // quadrado

fill("red");

circle(200, 200, 100); // círculo

Analise e responda qual é a cor do quadrado e do círculo?

• Ambos, quadrado e círculo, vermelhos.

• Ambos, quadrado e círculo, verdes.

• 
  Quadrado vermelho e círculo verde.

• Quadrado verde e círculo vermelho.

O código abaixo usa a função map() para controlar o movimento de uma bola com base na posição do mouse. No entanto, a movimentação está limitada a uma área específica.

bolaX = map(mouseX, 0, 400, 130, 170);

bolaY = map(mouseY, 0, 400, 130, 170);

circle(bolaX, bolaY, 10);

Com base no código acima, assinale a alternativa que descreve qual é a área de movimentação permitida para a bola.

• O map() apenas define o tamanho dos círculos, não suas posições.

• A bola só se move entre as coordenadas 130 e 170 tanto no eixo X quanto no eixo Y.

• A bola se move em todo o eixo Y, mas são limitadas no eixo X.

• A bola pode se mover livremente na tela inteira.

Esta questão é para você um desafio!

Abra o p5.js e adicione novos elementos ao seu desenho, como orelhas, cabelos e chapéu. Aproveite para revisar seu código e adicionar comentários explicativos, indicando o que cada parte faz (exemplo: cor da cabeça, cor da boca etc.). Lembre-se de que você pode ajustar as cores utilizando as funções fill() e stroke().

Fique à vontade para explorar sua criatividade e adicionar outros detalhes ao seu desenho.

Após finalizar, copie e cole o compartilhamento do seu projeto.