problema

no logro hacer que la variable que indica la posición del array vuelva a cero, es como si no entrara al if, por lo que una vez que llega al color verde se queda ahi. ¿alguien me podría indicar en que estoy fallando?

<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 color = ["blue","red","green"];
    var cambiaColor = 0;

    function dibujarCirculoAzul (evento) {

        var x = evento.pageX- pantalla.offsetLeft;
        var y = evento.pageY- pantalla.offsetTop;

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

    }

    pantalla.onclick = dibujarCirculoAzul;   


    function alterarColor() {

        cambiaColor++;
        alert (cambiaColor);                 
        return false;

        if (cambiaColor >= color.lengt){ 

             cambiaColor= 0 
         }


    }

    pantalla.oncontextmenu = alterarColor;

</script>