Fiz as soluções de maneiras mais "simples". Isso implica se eu quiser fazer alguma mudança mais pra frente no código?
- inclui os limites de desenho na própria função "lidaComMovimentoDoMouse" - if(desenha) { if(y>=tamanhoQuadrados){ desenhaCirculo(x, y, 5, corAtual); } if(x>=3*tamanhoQuadrados){ desenhaCirculo(x, y, 5, corAtual); } }- depois na seleção de cores, eu não usei o y>yQuadrados - var x = evento.pageX - tela.offsetLeft; var y = evento.pageY - tela.offsetTop; if(x > xVermelho && x < xVermelho+tamanhoQuadrados){ corAtual = 'red'; } if(x>xVerde && x<xVerde+tamanhoQuadrados){ corAtual = "green"; } if(x>xAzul && x<xAzul+tamanhoQuadrados){ corAtual = "blue"; }
 
Funcionaria de qualquer forma?
 
            