Entrar Ainda não tem acesso?
5
respostas

Duvida do exercio

Referente ao curso JavaScript e HTML: pratique lógica com desenhos, animações e um jogo, no capítulo Interagindo com o usuário e atividade Acertando o alvo

por Joel Pedro Garcia
| 78.3k xp | 70 posts
<canvas width="600" height= "400"> </canvas>
<script>
var tela = document.querySelector("canvas");
var pencil= tela.getContext("2d");
pencil.fillStyle ="grey";
pencil.fillRect(0,0,600,400);
var raio = 10;
function desenhaCirculo(x,y,raio,cor){
pencil.fillStyle ="cor";
pencil.beginPath();

pencil.arc(x,y,raio,0,2*Math.PI);
pencil.fill();
}
desenhaCirculo(300,200,raio +20,"red");
desenhaCirculo(300,200,raio + 10 ,"white");
desenhaCirculo(300,200,raio, "red");
function dispara(envento){
var x= envento.pageX- tela.offsetLeft;
var y= envento.pageY-tela.offsetTop;

var Xacertou1= x > 300 - raio;
var Xacertou2 = x < 300 + raio;
var Yacertou1 = y < 200 - raio;
var Yacertou2= y >  200 + raio;
if(Xacertou1 && Xacertou2 && Yacertou1 && Yacertou2)
{ 
    alert("Voce acertou");

    }


    }
    tela.onclick= dispara;


</script>
5 respostas
por Ricardo Bugan Debs
| 321.1k xp | 526 posts
Instrutor

Boa Tarde Joel, tudo bom? Qual é sua duvida com relação a esse exercício? Onde você sentiu dificuldade?

por Joel Pedro Garcia
| 78.3k xp | 70 posts

A minha dificuldade é que o programa não esta a funçionar cmo deve ser ja tentei encotrar o erro mais não consigo

por Thiago Augusto da Silva Rasquino
| 523.9k xp | 102 posts
Programador Java Júnior

Olá amigo, notei alguns probleminhas no código. Eu apaguei as linhas:

pencil.fillStyle ="grey"; pencil.fillRect(0,0,600,400);

Para ver o que tava acontecendo atrás desse preenchimento. E realmente está estático.

Creio que o problema esteja basicamente na função dispara, pois ela recebe um parâmetro envento, mas na hora que você chamou a função não configurou nenhum parâmetro pra ela.

Tem a questão que precisa de uma função para sortear onde irá aparecer o alvo, entre outras funções.

Creio que ficará mais claro o uso dessas funções ao longo do curso

Espero ter ajudado

por Maison Galvão
| 1029.2k xp | 1128 posts
Moderador Desenvolvedor de Sistemas

Oi Joel Pedro Garcia Algumas observações:

  • a cor seria gray cinza em inglês.
  • pencil.fillStyle ="cor"; //Aqui vc tem que colocar a variável cor e não a palavra cor.
  • a lógica de acerto também está incorreta. Você deve considerar o raio, uma implementação é a seguinte:
if((x > alvoX - raio) && (x < alvoX + raio) &&
                (y > alvoY - raio) && (y < alvoY + raio)) {
                pontos = pontos+1;
                        alert("acertou o alvo!");
                        pontosDoJogo(pontos);
        }

Espero ter ajudado. Bons estudos.

por Maison Galvão
| 1029.2k xp | 1128 posts
Moderador Desenvolvedor de Sistemas

Oi Joel ainda resta alguma dúvida a respeito desse exercício ou já foi solucionada?