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:
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:
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