Resumo da Aula 3: Primeiros Passos com JavaScript no Jogo Pong
Objetivos:
- Iniciar a criação do jogo Pong usando JavaScript e a biblioteca p5.js.
- Criar a bolinha do jogo utilizando funções.
- Implementar estruturas de verificação para mover a bolinha.
Passos para Criação:
-
Introdução ao p5.js:
- Acesse o site p5.js e configure seu ambiente.
- Familiarize-se com os botões Play e Stop para executar e parar o código.
-
Criar a Tela:
- Utilize createCanvas(width, height) para definir as dimensões da tela.
- O código background(color) configura a cor de fundo.
-
Adicionar a Bolinha:
- Use a função circle(x, y, diameter) para criar a bolinha.
- Teste o posicionamento e as variáveis para centralizar a bolinha.
-
Movimentação da Bolinha:
- Crie variáveis xBolinha, yBolinha e diametro para controlar a bolinha.
- Introduza velocidadeXBolinha e velocidadeYBolinha para determinar a movimentação.
-
Estruturas Condicionais:
- Implemente verificações para a bolinha colidir com as bordas da tela.
- Utilize if e operadores lógicos para mudar a direção da bolinha ao atingir as bordas.
-
Colisão com as Bordas:
- Aplique lógica para que a bolinha reverta sua direção ao tocar nas bordas superior, inferior, esquerda e direita.
