La función noErase() en p5.js se usa para cancelar los efectos de la función erase(). Devolverá la funcionalidad de las funciones fill(), stroke() y blendMode() a lo que eran antes de usar erase(). Cualquier dibujo realizado después de esta función se dibujará normalmente.
Sintaxis:
noErase()
Parámetros: Esta función no acepta ningún parámetro.
El siguiente ejemplo ilustra la función noErase() en p5.js:
Ejemplo:
function setup() {
createCanvas(600, 400);
textSize(20);
firstBlockSlider = createSlider(50, 250, 75, 1);
firstBlockSlider.position(30, 50);
secondBlockSlider = createSlider(50, 250, 175, 1);
secondBlockSlider.position(30, 120);
}
function draw() {
clear();
fill('black');
text("Move the slider below to change the"
+ " first block's position", 20, 30);
text("Move the slider below to change the"
+ " second block's position", 20, 100);
text("The black circle demonstrates the"
+ " erase area", 20, 170);
fill('red');
rect(firstBlockSlider.value(), 200, 50, 100);
// Start erasing with erase()
erase();
circle(150, 250, 100);
// Stop erasing with noErase()
noErase();
fill('red');
rect(secondBlockSlider.value(), 200, 50, 100);
// Circle to illustrate the erase position
noFill();
circle(150, 250, 100);
}
Producción:
Configuración del entorno: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
Referencia: https://p5js.org/reference/#/p5/noErase
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA