<html>
<canvas id="tela" width="600" height="400"></canvas>
<script>
var tela = document.getElementById("tela");
var tinta = tela.getContext("2d");
tinta.fillStyle = 'lightgray';
tinta.fillRect(0, 0, 600, 400);
function esfera(x, y, raio, cor){
tinta.fillStyle = cor;
tinta.beginPath();
tinta.arc(x, y, raio, 0, 2 * Math.PI);
tinta.fill();
}
var raio = 19;
var incremento = true;
function pulsacao(){
tinta.clearRect(0, 0, 600, 400);
if (raio < 20){
incremento == true;
}
else if (raio > 30){
incremento == false;
}
if (incremento){
raio++;
} else if (incremento == false){
raio--;
}
esfera(100, 200, raio,'red');
}
setInterval(pulsacao,20);
</script>
</html>
insira seu código aqui
