p5.js | función noLights()

La función noLights() en p5.js se usa para eliminar todas las luces en el boceto de los materiales que se renderizarán después de esta función. Cualquier llamada a las funciones de luz realizadas después de esto volvería a habilitar las luces en el boceto.
Sintaxis: 
 

noLights()

Parámetros: Esta función no acepta ningún parámetro.
Los siguientes ejemplos ilustran la función noLights() en p5.js:
Ejemplo 1: 
 

javascript

let newFont;
let nolightsEnable = false;
 
function preload() {
  newFont = loadFont('fonts/Montserrat.otf');
}
 
function setup() {
  createCanvas(600, 300, WEBGL);
  textFont(newFont, 18);
 
  nolightsEnableCheck = createCheckbox(
        "Enable noLights", false);
 
  nolightsEnableCheck.position(20, 60);
 
  // Toggle default light
  nolightsEnableCheck.changed(() => {
    nolightsEnable = !nolightsEnable;
  });
}
 
function draw() {
  background("green");
  text("Click on the checkbox to toggle the "
       + "noLights() function.", -285, -125);
  noStroke();
 
  // Ambient light with red color
  ambientLight('red');
 
  // First sphere in the sketch
  translate(-100, 0, 0);
  sphere(50);
 
  translate(100, 0, 0);
 
  // If checkbox is enabled
  if (nolightsEnable) {
 
    // Disable all lights after this
    noLights();
 
    text("Lights disabled for second"
          + " sphere", -285, 125);
  }
  else {
    text("Lights enabled for second"
          + " sphere", -285, 125);
  }
 
  // Second sphere in the sketch
  translate(100, 0, 0);
  sphere(50);
}

Producción: 
 

toggle-noLights

Ejemplo 2: 
 

javascript

let newFont;
let nolightsEnable = false;
 
function preload() {
  newFont = loadFont('fonts/Montserrat.otf');
}
 
function setup() {
  createCanvas(600, 300, WEBGL);
  textFont(newFont, 18);
 
  nolightsEnableCheck = createCheckbox(
           "Enable noLights", false);
 
  nolightsEnableCheck.position(20, 60);
 
  // Toggle default light
  nolightsEnableCheck.changed(() => {
    nolightsEnable = !nolightsEnable;
  });
}
 
function draw() {
  background("green");
  text("Click on the checkbox to toggle the"
    + " noLights() function.", -285, -125);
  noStroke();
 
  // Ambient light with red color
  ambientLight('red');
 
  // First sphere in the sketch
  translate(-100, 0, 0);
  sphere(50);
 
  translate(100, 0, 0);
 
  // If checkbox is enabled
  if (nolightsEnable) {
 
    // Disable all lights after this
    noLights();
 
    text("Red ambient light disabled for"
        + " second sphere", -285, 125);
  }
  else {
    text("Red ambient light enabled for"
        + " second sphere", -285, 125);
  }
 
  ambientLight('blue');
 
  // Second sphere in the sketch
  translate(100, 0, 0);
  sphere(50);
}

Producción: 
 

toggle-two-ambient-noLights

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/ referencia/#/p5/sin luces
 

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 *