Erro na ordem dos códigos. https://editor.p5js.org/RenanMonteiroAlves/full/dyI5Jc6Q1
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
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.