1
resposta

O Pulso - eu fiz dessa forma.

<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);

    var limite = true;

    function desenhaCirculo(x, y, raio, cor) {

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

    function limpaTela() {

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

    var raio = 20;

    function atualizaTela(){

        limpaTela();
        desenhaCirculo(200,200,raio,'red');

        if ((limite) && (raio<=30)){
            raio++;
        }
        else{
            limite = false;
            raio--;
        }

        if (raio <= 20) {

            limite = true;
            raio=30;
        }
    }

setInterval(atualizaTela,50);

</script>
1 resposta

Muito bom, Claudiney!

Obrigada por compartilhar sua resposta. É bom ver diferentes pontos de vista, enriquece nosso conhecimento!

Incentivamos subir seu projeto no GitHub e compartilhar via LinkedIn para aumentar seu portifólio e interações dos seus perfis.

Desta forma, priorizamos o fórum para dúvidas e sugestões relacionas aos cursos.

Abraços e ótimos estudos! =)

Se está resposta te ajudou, por favor, marca como solucionado ✓. Continúa com seus estudos :)