Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

separando a barra de cima

eu tentei separar toda a barra de cima pra impedir de desenhar em cima dos botões de cor, mesmo que isso deixe uma area sem desenhar ficou assim:

 function lidaComMovimentoDoMouse(evento) {

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

        if (y > tamanhoQuadrados){
            if(desenha) {

                    desenhaCirculo(x, y, 5, corAtual);
                }
            }
    }

teria como expandir essa logica pra liberar o espaço do lado pra desenhar? ou a solução do professor é melhor mesmo?

1 resposta
solução!

Olá, Lucien! Tudo bem contigo?

Desculpe a demora em dar um retorno

Bacana sua lógica

Seu campo vai depender de quanto você definiu no canvas

Eu diria que a solução do professor é muito boa, mas aqui fórum, por exemplo, temos diversas formas de resoluções que também são excelentes.

Pratique sempre e com certeza seu código vai se aprimorando

Um abraço e bons estudos