Não usei array como a dica do prof, fiz com IF, Array me da calafrios, apesar da solução do prof com array ser bem simples.

Estou evoluindo devagar, esqueço muito fácil dos nomes dos métodos, fico louco com isso. De verdade é um esquecimento anormal, acho que a falta do inglês também atrapalha.

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

<script>
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');
    pincel.fillStyle = 'grey';
    pincel.fillRect(0, 0, 600, 400);

    var num = 0
    function mudaCor() {

        num++
        if(num > 2) {
            num = 0
        }      

        return false;
    }

    tela.oncontextmenu = mudaCor;



    function desenhaCirculo(evento) {

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

        if(num == 0) {
            pincel.fillStyle = 'yellow';
            pincel.beginPath();
            pincel.arc(x, y, 10, 0, 2 * 3.14);
            pincel.fill();
            console.log(x + ',' + y);
        }
        if(num == 1) {
            pincel.fillStyle = 'blue';
            pincel.beginPath();
            pincel.arc(x, y, 10, 0, 2 * 3.14);
            pincel.fill();
            console.log(x + ',' + y);
        }
        if(num == 2) {
            pincel.fillStyle = 'red';
            pincel.beginPath();
            pincel.arc(x, y, 10, 0, 2 * 3.14);
            pincel.fill();
            console.log(x + ',' + y);

        }

    }

    tela.onclick = desenhaCirculo;



# </script>