Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Batida do Coração

Veja o coração pulsando (1 batida por segundo - frequência=1Hz). Não sou um bom desenhista mas acho que ficou legal ...

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

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

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

    function coracao() {
        circulo(300, 200, 100);
        circulo(450, 200, 100);
        pincel.beginPath();
        pincel.moveTo(221, 262);
        pincel.lineTo(376, 400);
        pincel.lineTo(529, 262);
        pincel.fill();
    }

    function off() { pincel.clearRect(0, 0, 600, 450);   }

    var on = true;
    function acendeApaga() {
        if (on) { 
            coracao();
        } else {
            off();
        }
        on = !on;     // alterna, se é True passa p/ False e vice-versa  
        }

    setInterval(acendeApaga, 500);   // função , tempo    ( 1000 = 1 minuto)

</script>
2 respostas
solução!

Olá, Eber! Como vai?

Mandou bem demais no desenho.

Sua solução ficou muito bacana, parabéns!

Qualquer dúvida estamos à disposição.

Continue praticando e bons estudos!

Até mais!

Obrigado!