mi reto

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

<script>
  var pantalla = document.querySelector("canvas");
  var pincel = pantalla.getContext("2d");
  var colores = ["blue","red","green"];
  var actual = 0;
  pincel.fillStyle = "lightgrey";
  pincel.fillRect(0, 0, 600, 400);

  function disenharCircunferencia(x, y, radio) {
    pincel.fillStyle = colores[actual];
    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 vuelta = 600;

    function actualizarPantalla() 
        {
        if (x < 600) 
            {
            limpiarPantalla();
            disenharCircunferencia(x, 20, 10);
            x++;
            vuelta = 600;
            }
            else 
            {
            limpiarPantalla();
            disenharCircunferencia(vuelta, 20, 10);
            vuelta--;
            if (vuelta < 0) {
            x = 0;
            }
        }
    }
     setInterval(actualizarPantalla, 5);




</script>