O bolão emagrecido! (Solução)

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();
}

var z = 0;

function mudaCor() 
{

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

    else
    {
        z = 0;
    }

    alert('Troca!');
    return false;
}

var p = 10;

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);
    if(ev.shiftKey)
    {
        p += 5
    }
    if(ev.ctrlKey)
    {
        p -= 5
    }
    var raio = p;
    if(raio >= 20)
    {
        raio = 20;
    }
    if(raio <= 5)
    {
        raio = 5;
    }
    criaCirculo(x, y, raio, 0, 2*Math.PI, cor)
}

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