Ejercicio cambio de color con clic derecho

Cordial saludo, esta es mi solución propuesta para el ejercicio de cambiar de color de circulo al hacer clic derecho. El código funciona normalmente; no obstante quisiera saber si es una solución óptima o si por el contrario tiene algún inconveniente de rendimiento, ya que es diferente a la solución a la solución propuesta por ustedes. Gracias.

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

<script>

    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");    
    pincel.fillStyle = "grey";
    pincel.fillRect(0,0,600,400); 
    var posicion = 0;
    var colores = ["blue","red","green"];

    pincel.fillStyle = colores[posicion];



    function dibujarCirculo(evento){
        var x = evento.pageX - pantalla.offsetLeft;
        var y = evento.pageY - pantalla.offsetTop;    
        pincel.beginPath();
        pincel.arc(x,y,10,0,2*3.14);
        pincel.fill();
        console.log(x + "," + y);        
    }

    pantalla.onclick = dibujarCirculo;

    function alterarColor() {

        if (posicion!=2) {
            posicion++;
        }

        else{
            posicion = 0;
        }
        pincel.fillStyle = colores[posicion];
        return false;
    }

    pantalla.oncontextmenu = alterarColor;

</script>