Ejercicio: ¡Ya que va, que vuelva!

compañeros presento mi solucion:

      <script>

        var pantalla = document.querySelector("canvas");
        var pincel = pantalla.getContext("2d");




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


        function disenarCircunferencia(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 direccion = 1;

        function actualizaPantalla(){
            limpiarPantalla();
            disenarCircunferencia(x,20,10);
            console.log(x);
            if(x > 590){
                direccion = 0;
            }
            if(x < 10){
                direccion = 1;
            }
            if(direccion == 0){
                x--
            }
            if(direccion == 1){
                x++;
            }

        }

        setInterval(actualizaPantalla,10);

    </script>  </script>