Quiz sobre Criação de Raquetes no p5

Combine a função com a sua descrição correspondente:

• Move a bolinha no jogo

• verificaColisaoBorda()

• Desenha a bolinha no jogo

• mostraRaquete()

• Desenha a raquete no jogo

• movimentaBolinha()

• Verifica a colisão da bolinha com a borda

• mostraBolinha()

A função do p5 usada para desenhar um retângulo é (a)   .

• circle()
• rect()
• ellipse()
• line()

Quais são os parâmetros que definem a posição do retângulo na função rect()?

• br e bl

• tl e tr

• X e Y

• W e H

As variáveis criadas para armazenar os valores relacionados à raquete são (a)  

• xRaquete, yRaquete, raqueteComprime
• xRaquete, yRaquete, raqueteLargura,
• xRaquete, yRaquete, raqueteComprime
• xRaquete, yRaquete, raqueteAltura,

A função mostraRaquete() deve ser chamada para desenhar a raquete dentro da função _____

Meu objetivo agora é desenhar uma raquete na tela com as funções preexis-

tentes na biblioteca do p5.js. O que acontece se eu apenas chamar uma função

raquete() 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.

Após criarmos a bolinha do jogo Pong, foi a vez da raquete. Começamos criando

uma raquete que será movimentada pelo teclado. Em seguida, criamos uma fun-

ção movimentaRaquete que, para ser executada, foi chamada na função draw.

Ordene todos os blocos de modo que a função movimenta Raquete seja decla-

rada corretamente dentro de draw. Reordenar o seguinte

• draw(){

• function

• movimentaRaquete();}

Reordenar o seguinteNo jogo Pong, usamos um retângulo para fazer a raquete do jogador. No p5.js,

usamos a função rect com quatro números para desenhar esse retângulo. Cada

parâmetro diz algo diferente sobre o retângulo: onde ele começa na tela e o seu

tamanho. E devem ser declarados obedecendo uma determinada sequência.

Ordene todos os blocos para colocar na ordem certa os parâmetros que você pre-

cisa usar na função rect para desenhar a raquete:

• altura

• rect

• largura

• coordenada x

• coordenada y

Na função para verificar a colisão com a raquete, criamos a seguinte condicional:

function verificaColisaoRaquete(){

if (xBolinha - raio < xRaquete + raqueteComprimento

&& yBolinha - raio < yRaquete + raqueteAltura

&& yBolinha + raio > yRaquete){

velocidadeXBolinha *= -1;

}

}

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

JavaScript?

• Operador de negação.

• OU.

• E.

Uma das maneiras de controlar a personagem de um jogo é utilizando as setas

de direção do teclado. Esse é o caso do jogo Pong, em que as setas para cima e

para baixo do teclado foram utilizadas para movimentar a raquete. Para fazer isso,

utilizamos a função keyIsDown. Ordene todos os blocos para que a raquete vá

para cima quando a tecla seta para cima for pressionada.

• if

• yRaquete -= 10; }

• (keyIsDown(UP_ARROW)){