Tudo que vai volta! - Minha solução

Minha solução para o exercício.

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

<script>

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');
    pincel.fillStyle = 'lightgrey';
    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 sentidoContrario = 1;

function atualizaTela() {

    limpaTela();

    if(x > 600) {

        sentidoContrario--;

    } else if(x < 0){

        sentidoContrario ++;
    }

    desenhaCirculo(x,20,10);
    x = x + sentidoContrario;
}

setInterval(atualizaTela, 10);

</script>