Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Erro na movimentação da bolinha no Java Script

5 respostas

Qual erro você está enfrentando?

Não tava aparecendo mexendo a bolinha, e depois eu mexi nos códigos e não aparecia mais a tela.

solução!

Está dando erro por que essa função:

function mostraBolinha(){
  
  
}

Está sem nada. E também a função draw está sem a sua segunda chave.

A solução e só apagar todo o código e copiar e colar esse que está correto:

let xBolinha = 300;
let yBolinha = 200;
let diametro = 15;
let raio = diametro / 2 ;

let velocidadeXBolinha = 6;
let velocidadeYBolinha = 6;

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

function draw() {
  background(0);
  mostraBolinha();
  movimentaBolinha();
  verificaColisaoBorda();
}

function mostraBolinha(){
  circle(xBolinha, yBolinha, diametro)
}

function movimentaBolinha(){
   xBolinha += velocidadeXBolinha;
   yBolinha += velocidadeYBolinha;
}

function verificaColisaoBorda(){
  if (xBolinha + raio> width ||
     xBolinha - raio< 0){
  velocidadeXBolinha *= -1;
  }
if (yBolinha + raio> height ||
   yBolinha - raio< 0)
  velocidadeYBolinha *= -1;
}
    

Fazendo está alteração, o código funcionará certinho! E também dou uma dica de aumentar o diâmetro da bolinha para 25 ficando maior.

Obrigado Rafael.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software