Solucion ejercicio - ¡Ya que va, que vuelva!

<canvas class="myCanvas" width="600" height="400">

</canvas>

<script>

 var canvas = document.querySelector(".myCanvas");
 var pincel = canvas.getContext("2d")
 var incremento = 0
 var bandera = true



 pincel.fillStyle='gray'
 pincel.fillRect(0,0,600,400)


 function disenarCircuferencia(x,y,radio){
   pincel.fillStyle='blue'
   pincel.beginPath()
   pincel.arc(x,y,radio,0,2*Math.PI)
   pincel.fill()

 }

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

 function ejeccutarEvento(){
    clearPantalla(),
    disenarCircuferencia(incremento,20,20)

    //animacion
    if(incremento<600 && bandera === true){
       incremento++
    }else{
       bandera = false
       incremento--
       if(incremento === 0){
          bandera = true
        }
    }


 }



 setInterval(
    ejeccutarEvento,
    10
 )


</script>