Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Boa noite, não consegui entender bem qual sua dúvida, vc poderia descrever mais?
Opa, foi mal nem expliquei a dúvida então a ideia é mover a bolinha ela vai e volta.
Olá Gilmar, tudo bem ! Nesse execício a meta e fazer a esfera ficar aumentando e diminuindo, parecido com os batimentos do coração. Ainda não terminei o execício, porém posso te adiantar que é parecido com o execício anterior, segue abaixo o código.
<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;
var sentido = 1;
function atualizaTela() {
limpaTela();
if(x > 600){
sentido = -1;
}else if (x < 0) {
sentido = 1;
}
desenhaCirculo(x, 20, 10);
x = x + sentido;
}
setInterval(atualizaTela, 10);
</script>Nesse código de exemplo a esfera vai de um eixo X=0 até o eixo X=600, quando a esfera chega ao seu fim ele voltara em sentido contrario. No exercício atual e basicamente o mesmo conceito. espero ter ajudado ;)