Alguien puede explicarme que hice mal que no esta funcionando mi código. por favor.

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



<script>

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


        var radio = 10;

        function disenarCirculo( x,y,radio,color){

            pincel.fillStyle = "color";
            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 actualizarPantalla(){
             limpiarPantalla();
             disenarCirculo(x,20,10);
             x++; 
}



             function disenarObjetivo(x,y){
                 disenarCirculo(x,y,radio + 40,"black");
                 disenarCirculo(x,y,radio + 20,"white");
                 disenarCirculo(x,y,radio,"black");

             }


             function posiciones(maximo){


                        return Math.floor(Math.random()*maximo);

             }




                  xAleatorio = posiciones(600);
                  yAleatorio = posiciones(400);


      disenarObjetivo(xAleatorio,yAleatorio);




     //setInterval(actualizarPantalla,5);

</script>