¡Ya que va, que vuelva! parámetros cambio de direccion

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

<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");
    pincel.fillStyle = "lightgray";
    pincel.fillRect(0, 0, 600, 400);

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

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

    var x = 0;
    var direccion = 1;

    function limpiarPantalla() {

        limpiarCirculo();
        disenarCirculo(x,20,10);
        //Este parámetro se utiliza para reiniciar el valor de x a cero una vez que el círculo dibujado llega al final del canvas
    if (x >= 600) {
        direccion = -1;
        //Este parámetro se utiliza para para hacer que el círculo se mueva en dirección contraria. llega al final del canvas
    }else if  (x <= 0){
        direccion = 1;
    }
    x = x + direccion;


}



    setInterval(limpiarPantalla, 5);
</script>