[Dúvida] Escrevi todos os codigos aparentemente certo porem continua aparendo a mensagem SyntaxError: Unexpected end of input

ali voce colocou

let raio = diametro / 2;

mas nao sei se em algum momento voce declarou o diametro, pelo menos nao aparece no codigo que voce mostrou tente trocar para

let raio = diametroBolinha / 2;

Agradeço a ajuda mas ainda não resolveu :( //variaveis da Bolinha let xBolinha = 300; let yBolinha = 200 let diametroBolinha = 22 let velocidadeXBolinha = 6; let velocidadeYBolinha = 6; let raio = diametroBolinha / 2;

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

function draw(){ background(0); mostraBolinha (); movimentaBolinha(); verificacolisaoborda()

circle(xBolinha, yBolinha, diametroBolinha); xBolinha += velocidadexBolinha; yBolinha += velocidadexBolinha;

if (xBolinha + raio > width || xBolinha - raio < 0){ velocidadeXBolinha *= -1; } if (yBolinha + raio > height || yBolinha - raio < 0){ velocidadeYBolinha *= -1; } function mostraBolinha(){ circle(xBolinha, yBolinha, diametroBolinha); } function movimentaBolinha(){ xBolinha += velocidadexBolinha; yBolinha += velocidadexBolinha; } function verificacolisaoborda(){ if (xBolinha + raio > width || xBolinha - raio < 0){ velocidadeXBolinha *= -1; } if (yBolinha + raio > height || yBolinha - raio < 0){ velocidadeYBolinha *= -1; } }

As variáveis e funções são sensíveis a maiúsculas e minúsculas.

Nas suas variáveis, você define o X e o Y maiúsculos.

let velocidadeXBolinha = 6;
let velocidadeYBolinha = 6;

Mas na hora de chamar na função, você usa minúsculo:

xBolinha += velocidadexBolinha; 
yBolinha += velocidadexBolinha;
// E aqui tá repetindo a velocidade de X.

Ah. fica mais fácil pra gente ver o código se você usar a formatação de bloco de código. Pode usar o botão </> ali em cima.