1
resposta

Herculano está marcando...

Herculano estava cansado e não reparou que não precisava colocar parênteses ao chamar atualizaTela() dentro do setInterval...

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

<script>
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');
    pincel.fillstyle = 'lightgray';
    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);
    //limpaTela();
    //desenhaCirculo(x, 20, 10);

</script>

1 resposta

Olá, Gabriel! Tudo bem por aí?

É isso mesmo, mandou bem!

Continue praticando.

Bons estudos.

Até mais!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software