Pensamento Computacional

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.

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.

Agora, classifique as afirmações como verdadeiras (V) ou falsas (F):.

• Verdadeiro, Falso, Verdadeiro

• Falso, Verdadeiro, Falso

• Falso, Falso, Verdadeiro

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: Organize os blocos abaixo para criar essa linha: line( 0, 0, 400, 400 ); Escreva a sequência correta de blocos nas linhas a seguir:

• line( 0, 0, 400, 400 );

• line( 0, 400, 400, 0 );

• line( 400, 0, 0, 400 );

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

• a) I e IV estão corretas.

• b) II e III estão corretas.

• c) I, II e IV estão corretas.

• d) Apenas III está correta.

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

• Verdadeiro, Falso, Verdadeiro, Falso

• Falso, Falso, Verdadeiro, Verdadeiro

• Falso, Verdadeiro, Falso, Verdadeiro

• Verdadeiro, Verdadeiro, Falso, Falso

Observe o código a seguir:

Em seguida, responda qual é a cor do quadrado e do círculo.

• Quadrado verde e círculo vermelho.

• Quadrado vermelho e círculo verde.

• Ambos, quadrado e círculo, verdes.

• Ambos, quadrado e círculo, vermelhos.

Analise o seguinte código e identifique a sequência correta de letras para as afirmações falsas (F) e verdadeiras (V) sobre as funções: 1

( ) A função createCanvas() é usada para definir as dimensões da tela de desenho.

( ) A função rect() desenha um círculo na tela.

( ) A função background() define a cor de fundo da tela.

( ) O código acima desenha um retângulo nas coordenadas (50, 50) com uma largura e altura de 100 pixels.

Qual é a sequência correta?

• V, F, V, V

• V, F, V, F

• F, V, F, V

• V, F, V, V

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

• A bola pode se mover livremente na tela inteira.

• 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 fica limitada no eixo X.

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

Classifique as afirmações a seguir como verdadeiras (V) ou falsas (F).

( ) O valor da variável cor é ajustado entre 0 e 255 conforme a posição do mouse no eixo X.

( ) A função fill(cor, 100, 150) define a cor de preenchimento do círculo com base na posição do mouse.

( ) Se o mouse estiver no canto direito da tela, o círculo será preenchido com a cor preta.

( ) O círculo sempre será desenhado na posição central da tela, independentemente da posição do mouse.

• V, F, V, F

• F, V, F, V

• V, V, F, V

• F, F, V, F

A função map() em p5.js é usada para reescalar um valor de um intervalo para outro e possui a seguinte estrutura:

map(valor, início1, fim1, início2, fim2);

Com base na estrutura da função, ordene corretamente os parâmetros da

função map() para reescalar o valor de mouseX de 0 a 400, de modo que ele

seja convertido para um novo valor entre 50 e 300.

​ (a)   ​ (b)   ​ (c)   ​ ​ (d)   ​ (e)  

• mousex
• 400
• 0
• 50
• 300