WorksheetsRecuperação Pensamento Computacional
Total questions: 10
Worksheet time: 30mins
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.
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:
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.
