1_NEM_24_AV1_2T_Pensamento Computacional_JS

Leia o código na imagem e responda.
Qual é a função da sequência de caracteres "//" na linha de código?

• Iniciar um loop infinito.

• 
  Marcar o início de um comentário.

• Indicar o início de uma nova função.

Luciano está planejando desenvolver um jogo de ping pong e deseja que a raquete se mova verticalmente (para cima e para baixo) sempre que a pessoa jogadora pressionar as teclas de seta para cima ou para baixo.

Entretanto, na execução do código abaixo, a movimentação na vertical não está ocorrendo.

Qual é o erro que está ocorrendo neste caso?

• O comando das teclas está invertido, primeiro devemos colocar seta para baixo, em seguida seta para cima.

• Para movimentar a seta para cima utilizamos o bloco “adicionar -10 a x” e para movimentar para baixo utilizamos o bloco “adicionar 10 a x”.

• Ao invés de utilizar a coordenada cartesiana X, devemos utilizar a coordenada Y, pois ela é responsável por realizar deslocamentos na vertical.

Para desenvolver um algoritmo de pontuação do jogo Pong, é necessário avaliar se a bolinha realmente passa sem que seja rebatida pela raquete.

Para descrever essa situação em código, qual é o principal valor de referência que devemos avaliar para gerar essa pontuação? Pensa na informação horizontal e vertical da bolinha.

• Devemos avaliar se a bolinha passa pela raquete ao verificar se a posição y da bolinha está fora do alcance da raquete.

• Verificar se a coordenada x da "bolinha" ultrapassa as coordenadas x das raquetes dos jogadores para determinar a pontuação.

• Verificar a velocidade da bolinha para determinar se ela foi rebatida pela raquete.

Observe o código da imagem.
Usamos as condicionais para realizar uma verificação de algum aspecto do código e executar uma ação.

Qual é a sintaxe correta para escrevermos uma condicional, em programação na linguagem JavaScript, a fim de verificar se a posição da bolinha no eixo x é maior que a largura da tela?

• if Bolinha > width. { }

• if Bolinha =* width. { }

• if (xBolinha > width) { }

• if {xBolinha > width}

Sem alterar o comportamento do jogo, movemos alguns códigos da função draw para funções que criamos:

• function mostraBolinha()

• function movimentaBolinha()

• function verificaColisaoBorda()

Sabendo disso, podemos definir que função é:

• Um conjunto de comandos ou códigos que realiza uma tarefa específica.

• A união de vários códigos aleatórios, com comportamentos diferentes em um único lugar, visando tornar o código mais legível.

• Um conceito que está relacionado com a ideia de classificar e abstrair coisas.

Meu objetivo agora é desenhar uma raquete na tela com as funções pré-existentes na biblioteca do p5.js. O que acontece se eu apenas chamar uma função novaraquete() no código?

• Uma nova biblioteca será importada para o p5.js.

• Será criada uma raquete, que será chamada na função draw().

• A função será automaticamente definida.

• Uma mensagem de erro aparecerá, avisando que o nome não está definido.

Na função para verificar a colisão com a raquete, criamos a seguinte condicional (veja a imagem).

Ao utilizarmos a sintaxe &&, estamos nos referindo a qual operador lógico em JavaScript?

• Operador de negação.

• OU

• E

Até o momento no jogo Pong, podemos visualizar o código abaixo dentro da função draw (observe a imagem).
Sabendo disso, analise as alternativas abaixo e marque aquela que mostra a função correta que está relacionada à colisão da raquete do oponente.

• marcaPonto()

• verificaColisaoRaquete (xRaquete, yRaquete)

• verificaColisaoRaquete(xRaqueteOponente, yRaqueteOponente)

• movimentaRaqueteOponente()

Se alterarmos o segundo parâmetro da propriedade circle() para 100, que mo-

dificação poderíamos esperar?

• a) O segundo parâmetro refere-se à posição no eixo X, por isso, poderíamos es-

  perar uma movimentação no sentido horizontal.

• b) O segundo parâmetro refere-se à posição no eixo Y, por isso, poderíamos es-

  perar uma movimentação no sentido vertical.

• c) O segundo parâmetro refere-se ao diâmetro do elemento, por isso, podería-

  mos esperar uma modificação no seu tamanho.

• d) O segundo parâmetro refere-se à cor que o elemento será preenchido, po-

  dendo variar de 0 a 255. Com o valor 100, poderemos esperar uma cor no

  tom marrom.

• Javascript: Vamos alterar a cor do placar do jogo do Pong para laranja. Para isso escolha a alternativa que apresenta a ordem correta dos blocos:

• mudaCorPlacar() {

  fill

  function

  ("orange");}

• function

  mudaCorPlacar() {

  ("orange");}

  fill

• mudaCorPlacar() {

  fill

  ("orange");}

  function

• function

  mudaCorPlacar() {

  fill

  ("orange");}