Erro na ordem dos códigos. https://editor.p5js.org/RenanMonteiroAlves/full/dyI5Jc6Q1
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.
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.