1
resposta

Função raquete

Depois de criar a função mostraRaquete, fica dando erro e ela some Script error. (: line 0)

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

//velocidade da bolinha
let velocidadeXBolinha = 6;
let velocidadeYBolinha = 6;
let raqueteComprimento = 10;
let raqueteAltura = 70;

//variaveis da raquete
let xRaquete = 5;
let yRaquete = 150;

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

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

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

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

  function colisaoBorda(){
    if (xBolinha + raio > width || xBolinha - raio < 0) {
    velocidadeXBolinha *= -1;
}
  if (yBolinha + raio > height || yBolinha - raio < 0) {
    velocidadeYBolinha *= -1;
}
  function mostraRaquete() {
    rect(xRaquete, yRaquete, raqueteComprimento, raqueteAltura);
}
  }
1 resposta

Olá Ileana.

Sua função mostraRaquete() está inserida dentro do bloco da função colisaoBorda().

Os blocos das funções são definidos pelos {}

  function colisaoBorda(){//colisaoBorda está começando aqui
    if (xBolinha + raio > width || xBolinha - raio < 0) {
    velocidadeXBolinha *= -1;
}
  if (yBolinha + raio > height || yBolinha - raio < 0) {
    velocidadeYBolinha *= -1;
}
  function mostraRaquete() {
    rect(xRaquete, yRaquete, raqueteComprimento, raqueteAltura);
}
  }//colisaoBorda está terminando aqui

Também percebi que na função draw() você chama verificaColisaoBorda(); mas quando elaborasse a função você a chamou de colisaoBorda(). Isso vai gerar um erro dizendo que verificaColisaoBorda(); is not defined.

Espero ter ajudado.