1
resposta

Boa tarde! estou com um problema com o conflito com a raquete e a bolinha após inserir o cód do github, podem me ajudar?

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

// velocidade da bolinha
let velocidadexBolinha = 2;
let velocidadeyBolinha = -7;

//variaveis da raquete
let xRaquete = 5;
let yRaquete = 150;
let RaqueteComprimento = 10;
let RaqueteAltura = 80;

let Colidiu = false;

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

function draw() {
  background(0);


  mostraBolinha ();
  movimentaBolinha();
  verificaColisaoBolinha();
  mostraRaquete();
  MovimentoRaquete();
  colisaoMinhaRaqueteBiblioteca();
  //VerificaColisaoRaquete();




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

}

function movimentaBolinha(){
  xBolinha += velocidadexBolinha;
 // yBolinha += velocidadeyBolinha;
}

function verificaColisaoBolinha()
{
    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 );
}

function MovimentoRaquete(){

  if (keyIsDown( UP_ARROW ))
  { yRaquete -= 10;}

  if (keyIsDown( DOWN_ARROW ))
  { yRaquete += 10;}
}
  function VerificaColisaoRaquete()
{
    if (xBolinha - raio < xRaquete + RaqueteComprimento 
       && yBolinha - raio < RaqueteAltura &&
       yBolinha + raio > yRaquete)
      { velocidadexBolinha *= -1;}
  }

function colisaoMinhaRaqueteBiblioteca() {
    collideRectCircle(xRaquete, yRaquete, RaqueteComprimento, RaqueteAltura, xBolinha, yBolinha, raio);
    if (Colidiu) {
        velocidadeXBolinha *= -1;
    }
}
1 resposta

Oba Woesley, tudo certo?

Quando comenta do código do github, se refere a incrementar alguma parte do projeto do github para o seu projeto no p5? Ou o seu próprio projeto upado no github?

Poderia por gentileza em enviar o seu código completo? Dessa forma posso analisar o seu código na totalidade e simular o problema para ajudá-lo de forma mais assertiva.

Para compartilhar o projeto no P5, siga os passos abaixo:

  • Com o p5 aberto e já logado, clique em File (arquivo)
  • Logo depois em Share(compartilhar)
  • Por fim, copie o terceiro link do "edit".
  • Cole o link na resposta do fórum

O gif ou uma série de capturas que dá uma impressão de vídeo, mostra uma tela do navegador que estar aberta na ferramenta p5.js, o gif serve  exemplificar para o aluno Gabriel Como ele pode compartilhar o link, o fundo da tela está todo acinzentado escuro em poucos segundos mostra algumas linhas de códigos que não é interessante para o aluno o mouse se direciona fazendo os seguintes comandos dentro da plataforma, aba arquivo que fica no topo da tela do p5, e depois compartilhar e clicar na terceira e última opção, nesse tutorial são abertos pequenos pop-ups que auxiliar a legibilidade do aluno para realizar os comandos, por fim o gif apresenta colando o link no fórum da comunidade alura

Fico à disposição.

Tenha um bom dia e bons estudos.