Uma Gambiarra "inovadora" - Solução diferente

 function desenhaCirculo(evento) {
        var x = evento.pageX - tela.offsetLeft;
        var y = evento.pageY - tela.offsetTop;
        pincel.fillStyle = cores[i];  // índices de cores
        pincel.beginPath();
        pincel.arc(x, y, 10, 0, 2 * 3.14);
        pincel.fill();
        console.log(x + ',' + y);
    }
    tela.onclick = desenhaCirculo;


    var cores = ["blue", "red", "green"];
    var i = 0;

    function mudaCor() {
        while(i > cores.length-2){  // Observe que cores.length-2 equivale a 1,  logo, se i é maior que 1, logicamente será 2. com i sendo 2, ele será verde. quando for verde, transformar o i em -1, pois logo abaixo, ele receberá uma unidade, voltando a ser i = 0, que é azul
            i = -1;
        }
        i++ // este incremento, além de mostrar a cor correspondente, serve como retorno do loop, zerando o i = -1
        return false;
    }
    tela.oncontextmenu = mudaCor;