1
resposta

Parte 1 do pong em JS

//bolinha
let xBolinha = 300
let yBolinha = 200
let diametro = 20
let raio = diametro / 2

//velocidade
let velocidadexBolinha = 6
let velocidadeyBolinha = 6

function setup() {
  createCanvas(600, 400);
}

function draw() {
  background(0);
  desenhoBolinha();
  movimentoBolinha();
  verificaBorda();
}

function desenhoBolinha(){
    circle(xBolinha, yBolinha, diametro);
}

function movimentoBolinha(){
  xBolinha += velocidadexBolinha;
  yBolinha += velocidadeyBolinha; 
}

function verificaBorda(){
  if (xBolinha + raio> width || xBolinha - raio < 0){
    velocidadexBolinha *= -1;
  }

  if (yBolinha + raio > height || yBolinha - raio < 0){
    velocidadeyBolinha *= -1;
  }
}
1 resposta

Olá, Tiago! Tudo bem por aí?

Parabéns pela conclusão dessa primeira etapa do projeto, a prática é fundamental ao aprendizado em programação.

Já estou na expectativa para visualizar seu projeto concluído!

Em caso de dúvidas pode contar conosco.

Um abraço e bons estudos!