Por que o indiceCorAtual é maior e igual a cores.length e não menor e igual?

Anna,

Cola o código aqui para avaliarmos.

Eu acho que entendi. Enquanto indiceCorAtual for menor que cores.length (falso), o indiceCorAtual não volta pro zero, a partir do momento em que ele é maior e igual a cores.length (verdadeiro), indiceCorAtual volta pro zero (ou seja, azul) e a repetição acontece.

  var cores = ['blue', 'red', 'green']
    var indiceCorAtual = 0; // começa com blue

    if(indiceCorAtual >= cores.length) {
        indiceCorAtual = 0; // volta para a primeira cor, azul
    }

    return false; // para não exibir o menu padrão do canvas
}

Acho que minha grande dificuldade em entender a lógica, é que eu simplesmente não estava enxergando que o var indiceCorAtual muda de valor a cada clique no botão esquerdo.

Isso mesmo Anna...

Quando o indiceCorAtual for maior ou igual ao tamanho da lista de cores feremos ele voltar a ser zero para pegar a primeira cor da lista.

Uma forma de testar que uso é sempre colocar um console.log(cores[indiceCorAtual]) e abrir o console do navegador para ir olhando as mudanças das cores ocorrendo.

Adiciona outras cores para visualizar que independente da quantidade de cores o código irá funcionar por conta da comparação ser em cima do tamanho da lista.