Fiz dessa forma, ao invés de utilizar um valor para sentido, usei uma string de comparação. minha pergunta é se pensar dessa forma para resolver este problema pode atrapalhar ou se utilizar valores numéricos soa melhor de acordo com alguma melhor prática e tal. Obrigado desde já, estou gostando muito do curso, parabéns a todos!
<canvas id="tela" width="600" height="400"></canvas>
<script>
var tela = document.querySelector("#tela");
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);
}
function exibeMensagemNoConsole(){
console.log("Chamei funcao!");
}
var movimentoX = 20;
var direcao = "direita";
function atualizaTela(){
if (direcao == "direita"){
limpaTela();
desenhaCirculo(movimentoX, 20, 10);
movimentoX++;
if (movimentoX == 590){
direcao = "esquerda";
}
}
if (direcao == "esquerda"){
limpaTela();
desenhaCirculo(movimentoX, 20, 10);
movimentoX--;
if (movimentoX == 10){
direcao = "direita";
}
}
}
setInterval(atualizaTela, 10);
</script>
