p5.js | Función noCanvas()

La función noCanvas() en p5.js se usa para eliminar el lienzo predeterminado creado por p5.js. Esto se puede usar para bocetos que no requieren un lienzo. No acepta parámetros.

Sintaxis:

noCanvas()

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

El siguiente programa ilustra la función noCanvas() en p5.js:

Ejemplo:

function setup() {
  createCanvas(400, 300);
  
  // Create buttons for creating
  // and removing the canvas
  createBtn = createButton("Create Canvas");
  createBtn.position(30, 20);
  createBtn.mouseClicked(createDrawArea);
  
  removeBtn = createButton("Remove Canvas");
  removeBtn.position(30, 50);
  removeBtn.mouseClicked(removeDrawArea);
}
  
function removeDrawArea() {
    
  // Wrap noCanvas() in a try-catch
  // to prevent error in case there
  // exists no canvas to remove
  try {
    noCanvas();
  } catch (e) {
    print("No canvas found to remove");
    print(e);
  }
}
  
function createDrawArea() {
  
  // Create a canvas with the
  // given dimensions
  createCanvas(400, 300);
}
  
function draw() {
  clear();
  background("green");
  textSize(20);
  
  text("This is the canvas area", 50, 130);
  text("Canvas height: " + height, 50, 150);
  text("Canvas width: " + width, 50, 170);
}

Producción:

noCanvas-btns

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

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 *