La función mouseReleased() en p5.js funciona cuando se suelta el botón del mouse. La función touchEnded() se usa en lugar de la función mouseReleased() cuando la función mouseReleased() no está definida.
Sintaxis:
mouseReleased(Event)
Los siguientes programas ilustran la función mouseReleased() en p5.js:
Ejemplo 1: Este ejemplo usa la función mouseReleased() para cambiar el color de fondo.
function setup() {
// Create Canvas
createCanvas(500, 500);
}
let value = 0;
function draw() {
// Set the background color
background(200);
// Fill the color
fill(value, value-50, value-100);
// Create rectangle
rect(25, 25, 460, 440);
// Set the filled color
fill('lightgreen');
// Set the font size
textSize(15);
// Display result
text('Keep on Clicking the Mouse Across'
+ ' the page \nto change Canvas Color.',
windowHeight/10, windowWidth/4);
}
function mouseReleased() {
value = value + 5;
if (value > 255) {
value = 0;
}
}
Producción:
Ejemplo 2: Este ejemplo usa la función mouseReleased() para cambiar el color del puntero del mouse.
let valueX;
let valueY;
function setup() {
// Create Canvas
createCanvas(500, 500);
}
function draw() {
// Set background color
background(200);
// Fill the color
fill('green');
// Set font size
textSize(25);
text('Drag mouse to change color', 30, 30);
// Fill color according to mouseMoved()
fill(valueX, 255-valueY, 255-valueX);
// Draw ellipse
ellipse(mouseX, mouseY, 115, 115);
}
function mouseReleased() {
valueX = mouseX%255;
valueY = mouseY%255;
}
Producción:
Referencia: https://p5js.org/reference/#/p5/mouseReleased
Publicación traducida automáticamente
Artículo escrito por sarthak_ishu11 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA