Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

programa 4 animacao circulo

Bom dia turma, tava pensando aqui, veja se meu raciocínio está correto e se sim como poderia ativar isso, n escrevendo a programação completa

se eu tenho essa animação de circulo e ele vai até o final poderia recomecar ele do inicio colocando um if(x<=600) para reiniciar e passar novamente na tela sem apertar o f5

se isos que comentei é possivel esse if seria dentro da função antes da funcao? como poderia proceder Obrigado

P.s: a programação da aula feita

<canvas width="600" height="400"></canvas>

<script>
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle = 'grey';
    pincel.fillRect(0, 0, 600, 400);

    function desenhaCirculo(x,y,raio){

        pincel.fillStyle = 'blue';
        pincel.beginPath();
        pincel.arc(x,y,raio,0,2*Math.PI) 
        pincel.fill();
    }

    function limpaTela(){

        pincel.clearRect(0,0,600,400); 

    }

    var x = 20;

    function atualizaTela(){

        limpaTela();  
        desenhaCirculo(x,20,10);
        x++;

            }

    setInterval(atualizaTela,10); 

</script>
1 resposta
solução!

poxa galera, não precisa responder a atividade mais apra frente desse modulo teve esse exercicio, ehehe e conssegui visualizar como fazer, Obrigado