Pong é um dos primeiros videogames da história (Atari, 1972) e simula uma partida de tênis de mesa: você controla a raquete da esquerda e rebate a bola contra a raquete da direita.
Nesta versão "jogador × CPU", a raquete da máquina persegue a bola sozinha. O objetivo é não deixar a bola passar por você.
pong.js
// Trecho real de projects/pong/pong.js
class Pong {
constructor(canvas) {
this.ctx = canvas.getContext('2d');
this.bola = { x: 400, y: 250, vx: 4.5, vy: 0, raio: 8 };
this.rodando = false; // espera Enter/clique
}
atualizar() {
this.bola.x += this.bola.vx; // move a bola
this.bola.y += this.bola.vy;
// rebate no teto e no chão
if (this.bola.y <= 0 || this.bola.y >= this.h) this.bola.vy *= -1;
}
loop() {
this.atualizar();
this.desenhar();
requestAnimationFrame(() => this.loop()); // próximo quadro
}
}