Recuperação Pensamento Computacional

Questão 1 – Comando createCanvas()

No código a seguir, foi utilizado o comando createCanvas() para definir o

tamanho da tela em que as formas geométricas serão desenhadas:

O que acontece se você modificar os parâmetros de createCanvas(400,

400) para createCanvas(600, 200)?

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

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

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

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

Questão 2 – Diferenças entre setup e draw

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.

Questão 3 – Comandos e coordenadas

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.

Questão 4 – Operadores lógicos e condições

Analise as afirmações a seguir sobre operadores lógicos e estruturas

condicionais e analise as respostas:

(duas respostas corretas)

• O operador lógico && retorna true apenas se ambas as condições forem

  verdadeiras.

• ) No código if (mouseX == x || mouseY == y), o texto “Encontrei!”

  aparecerá quando o mouse estiver exatamente sobre o ponto (x, y).

• O uso de if (distancia <= 10) no código compara se o mouse está a

  uma distância de até 10 pixels do ponto (x, y).

Questão 5 – Função dist()

Durante a aula, você aprendeu sobre o uso da função dist() para calcular a

distância entre dois pontos.

Avalie as afirmativas a seguir e aponte quais são verdadeiras.

(três respostas corretas)

• A função dist(x1, y1, x2, y2) calcula a distância entre dois pontos

  (x1, y1) e (x2, y2).

• O código sqrt((x2 - x1) (x2 - x1) + (y2 - y1) (y2 -

  y1)) é equivalente à função dist().

• A função dist() retorna a distância em pixels entre dois pontos.

• A função dist() não pode ser substituída por cálculos manuais, já que

  não há outro método equivalente para calcular distâncias.

Questão 6 – Jogo de corrida

Durante o desenvolvimento de um jogo de corrida simples, dois jogadores

são representados por ícones diferentes. O objetivo é que eles se movam

horizontalmente pela tela, com suas posições sendo atualizadas aleatoriamente

a cada frame.

Dentre as alternativas a seguir, localize qual comando é responsável por modificar

a posição horizontal dos jogadores.

• a) createCanvas(400, 400);

• b) background(220);

• c) rect(350, 0, 10, 400);

• d) xJogador1 = xJogador1 + random(5);

Questão 7– Jogo de futebol

Em um jogo de futebol, você precisa de alguns elementos na tela. No código

p5.js, você pode exibir emojis como ⚽ e 🥅. Para exibir textos no canvas,

utiliza-se o método ​ ​ (a)   , que define o tamanho da fonte, e o método​ (b)  

para escrever o texto na tela. Além disso, a função​ (c)   é

utilizada para desenhar elementos gráficos, como retângulos.

Relembre os conteúdos ensinados e ordene todos os blocos para completar as

lacunas do texto acima.

• textSize( )
• text ( )
• rect ( )
• drawText( )
• setFontSize( )
• createRectangle( )

Questão 8 – Relacionando comandos

Durante um hackathon, sua equipe criou uma simulação para medir o

progresso de desenvolvimento de dois projetos diferentes. O código deve parar

a execução quando um dos projetos estiver completo e exibir uma mensagem

de conclusão.

Analise as afirmações a seguir:

I. O comando noLoop() interrompe a simulação quando um projeto

é finalizado.

II. O comando text() exibe a mensagem de conclusão na tela.

III.O comando random() simula o progresso aleatório dos projetos.

Em seguida, assinale a alternativa correta:

• a) I e II estão corretas.

• b) Apenas II está correta.

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

• d) Apenas III está correta.

Questão 9 – Relembrando comandos em p5.js

Durante o treino da equipe de corrida, você decide criar um simulador que mostre os resultados automaticamente. Para parar o sistema de contagem quando um corredor vence, você deve usar a função ​ (a)   . A mensagem de “Corredor 1 venceu!” ou “Corredor 2 venceu!” será exibida na tela utilizando o método​ (b)   . Para verificar se o corredor cruzou a linha de chegada, utiliza-se a estrutura condicional​ (c)   .

Ordene todos os blocos a seguir para preencher as lacunas do texto acima:

• noLoop ( )
• text ( )
• if
• stopCounting ( )
• displayMessage ( )
• checkFinish ( )

Questão 10 – Uso da função keyReleased

No desenvolvimento de um jogo interativo, a função keyReleased é utilizada

para realizar ações baseadas em teclas. Identifique a alternativa que melhor

explica o funcionamento da função keyReleased no código.

• a) A função keyReleased é usada para desenhar formas na tela.

• b) A função keyReleased detecta quando o usuário pressiona uma tecla e

  executa uma ação.

• c) A função keyReleased detecta a liberação de uma tecla e pode alterar

  variáveis ou executar ações com base na tecla solta.

• d) A função keyReleased só funciona quando o canvas está minimizado.