p5.js | función removeElements()

La función removeElements() se usa para eliminar todos los elementos actualmente presentes que son creados por p5, excepto aquellos que son creados usando la función createCanvas() o la función createGraphics() . Los elementos se eliminan del DOM junto con sus controladores de eventos.

Sintaxis:

removeElements()

Parámetros: Esta función no acepta ningún parámetro.

El siguiente ejemplo ilustra la función removeElements() en p5.js:

Ejemplo:

function setup() {
  createCanvas(600, 300);
  textSize(26);
  fill("green")
  text("Click the mouse button to create elements", 10, 20);
  text("Click on the button below to remove all elements", 10, 50);
  
  // button to remove elements
  removeBtn = createButton('Remove All');
  removeBtn.position(20, 80);
  removeBtn.mousePressed(removeAll);
}
  
function mouseClicked() {
  // create element at mouse position
  createDiv('element').position(mouseX, mouseY);
}
  
function removeAll() {
  
  // remove all elements
  removeElements();
}

Producción:

Editor en línea: https://editor.p5js.org/
Configuración del entorno: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

Referencia: https://p5js.org/reference/#/p5/removeElements

Publicación traducida automáticamente

Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *