Olá Professores! Tentei escreveu o código sugerido e estou com problema de loop e geração de localização do ponto Y.
Se alguém puder me apontar onde estou falhando, gostaria de continuar tentando fazer esse exercício até o fim! Obrigado desde já. A orientação de vocês tem sido imprescindível para meu aprendizado.
<canvas id="tela" width="600" height="400"></canvas>
<script>
var tela = document.getElementById("tela");
var c = tela.getContext("2d");
cfillStyle = desenhaAlvo
var sorteia = function(alvoX, alvoY){
var alvoX = Math.random() * 600;
var alvoY = Math.random() * 400;
}
var circulo = function(alvoX, alvoY, raio){
c.arc(alvoX, alvoY, raio, 0, 2*3.14);
}
var limpaTela = function(){
c.clearRect(alvoX, alvoY, raio);
};
var desenhaAlvo = function(alvoX,AlvoY, raio) {
sorteia();
var raio = 40;
c.fillStyle ="white";
circulo(alvoX, alvoY, raio);
c.fillStyle="red";
circulo(alvoX, alvoY, raio-10);
c.fillStyle="white";
circulo(alvoX, alvoY, raio-20);
c.fillStyle="red";
circulo(alvoX, alvoY, raio-30);
limpaTela();
}
setInterval(desenhaAlvo, 60);
</script>