Muda Cor (Método diferente do professor)

let tela = document.getElementById('cvv');
let ctx = tela.getContext('2d');

function criaRetangulo(x, y, largura, altura, cor)
{
    ctx.fillStyle = cor;
    ctx.fillRect(x, y, largura, altura);
}

function criaCirculo(xc, yc, raio, ai, af, cor)
{
    ctx.fillStyle = cor;
    ctx.beginPath();
    ctx.arc(xc, yc, raio, ai, af);
    ctx.fill();
}

function criaTriangulo(pix, piy, p1x, p1y, p2x, p2y, cor)
{
    ctx.fillStyle = cor;
    ctx.beginPath();
    ctx.moveTo(pix, piy);
    ctx.lineTo(p1x, p1y);
    ctx.lineTo(p2x, p2y);
    ctx.lineTo(pix, piy);
    ctx.fill();
}

criaRetangulo(0,0, 300, 150, 'green')

ctx.fillStyle = 'gold';
ctx.beginPath();
ctx.moveTo(150, 10);
ctx.lineTo(50, 75);
ctx.lineTo(150, 140);
ctx.lineTo(250, 75);
ctx.lineTo(150, 10);
ctx.fill();

criaCirculo(150, 75, 40, 0, 2*Math.PI, 'darkblue');

var z = 0;

function mudaCor() {

    if(z < 2)
    {
        z += 1;
    }

    else
    {
        z = 0;
    }
    alert('Troca!')
    return false;
}

function desenhaCirculo(ev)
{
    var x = ev.pageX - tela.offsetLeft;
    var y = ev.pageY - tela.offsetTop;
    cores = ['blue', 'red', 'lightgreen'];
    cor = cores[z];
    console.log(z)
    criaCirculo(x, y, 10, 0, 2*Math.PI, cor)
}

tela.oncontextmenu = mudaCor;
tela.onclick = desenhaCirculo;