practica con juegos

<script>
      var pantalla = document.querySelector("canvas");
      var pincel = pantalla.getContext("2d");
      var contador=0;
      var color=["blue","yellow","green"]

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

      function exibirAlerta(e){
         var x= e.pageX-pantalla.offsetLeft;
         var y=e.pageY-pantalla.offsetTop;

         dibujarCirculo(x,y)
        console.log(x,y);

      }

      function dibujarCirculo(x,y){

         pincel.fillStyle=color[contador]
         pincel.beginPath();
         pincel.arc(x,y,10,0,2*3.14)
         pincel.fill();
      }

      pantalla.onclick=exibirAlerta;

      function alterarColor(){
        if(contador>2){
            contador=0;
        }else{
            contador++
            console.log(contador);
        }
      }
      pantalla.oncontextmenu = alterarColor;

    //   pantalla.onclick=exibirAlerta;
    </script>