Solucionado
Hola! resulta que, no se si a alguien mas le pasó, de darse cuenta que del lado izquierdo, arriba, al pasar el mouse pinta igual
adjunto captura para que se comprenda mejor, si alguien sabe por que será eso, en que parte del codigo deberia modificar para que no ocurra, copié el codigo que realizó el instructor en su momento.
Gracias, leo sugerencias!
Resuelto, la funcion que habria que hacer una pequeña modificacion es la de capturarMovimientoDelMouse()
quedaria de esta forma para que no pinte los bordes del lado lado izquierdo de la paleta de colores:
function capturarMovimientoDelMouse(evento){
var x = evento.pageX - pantalla.offsetLeft +2; //agrego solo +2
var y = evento.pageY - pantalla.offsetTop +2; //agrego solo +2
if (puedeDisenharArea(x,y)){
dibujarCirculo(x,y,colorActual);
}
}