¡Ya que va, que vuelva!

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

<script type="text/javascript">
var pantalla = document.querySelector("canvas");
var pincel   = pantalla.getContext('2d');

    pincel.fillStyle = "grey";
    pincel.fillRect(0,0,600,400);

    function disenharCircunderencia(x,y,radio){
        pincel.fillStyle = "blue";
        pincel.beginPath();
        pincel.arc(x,y,radio,0,2 * Math.PI);
        pincel.fill();
    }

    function limpiarPantalla() {
       pincel.clearRect(0,0,600,400);
    }


    var x = 0 ;
    var sentido = 1;
    function actualizarPantalla() {
        // body...
        limpiarPantalla();
        if (x >600) {
            sentido = - 1;
            console.log(sentido);
        } else if(x <0) {
            sentido = 1;
            console.log(sentido);
        }
        disenharCircunderencia(x,20,10);
        x = x + sentido;

    }
    setInterval(actualizarPantalla,10 );


</script>