con este codigo se puede jugar con los puntos de colores
¡Hola Luis!
En el código que compartiste, veo que ya tienes una función llamada "alterarColor" que se activa cuando haces clic derecho en el canvas. Actualmente, esta función solo muestra un mensaje de alerta.
Para cambiar el color del círculo que dibujas al hacer clic izquierdo, podrías modificar la función "dibujarCirculo" para que tome en cuenta el color actual y lo cambie al hacer clic derecho. Por ejemplo:
var colorActual = "blue";
function dibujarCirculo(evento){
var x = evento.pageX - pantalla.offsetLeft;
var y = evento.pageY - pantalla.offsetTop;
pincel.fillStyle = colorActual;
pincel.beginPath();
pincel.arc(x,y,10,0,2*3.14);
pincel.fill();
console.log(x + "," + y);
}
function alterarColor() {
if (colorActual === "blue") {
colorActual = "red";
} else {
colorActual = "blue";
}
return false;
}
pantalla.onclick = dibujarCirculo;
pantalla.oncontextmenu = alterarColor;
En este ejemplo, agregué una variable llamada "colorActual" que se inicializa en "blue" (el color que estás usando actualmente). En la función "dibujarCirculo", uso esta variable para establecer el color del círculo.
En la función "alterarColor", verifico si el color actual es "blue". Si es así, lo cambio a "red". De lo contrario, lo cambio a "blue". Finalmente, devuelvo "false" para evitar que aparezca el menú contextual del navegador al hacer clic derecho.
Espero que esto te ayude a lograr lo que necesitas. ¡Buenos estudios!
también te recomiendo que puedes interactuar con el resto de nuestros compañero por nuestro Discord.
En virtud de que en Discord el alcance es mayor, la interacción es inmediata y llega a más compañeros y el foro solo quedaría para esclarecer cualquier duda que puedas tener sobre el contenido de los cursos
De esa manera si tienes algún comentario, opinión, recomendación o algún consejo sea por el Discord, con certeza por ahí llegará a más personas