Error en mi código

Hola escribí este código, en consola me muestra los mensajes que deje para ver si funciona, pero el circulo no veo que se desplace. 

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

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

    function disenharCircunferencia(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;
      function ida(){


            while(x<=600){

            limpiarPantalla();

            disenharCircunferencia(x,20,10);
      x++
            console.log("hola");
            }


    }

 var x = 600;
    function vuelta(){

          while( x >= 0) {

       limpiarPantalla();

        disenharCircunferencia(x,20,10);
         x--
        console.log("chau");

          }

           }


    function actualizarPantalla(){

      //   var banderita = "true";

        //while(banderita){
             ida();
           vuelta();
       // }


    }



    setInterval(actualizarPantalla,1000);




</script>