La función setCamera() en p5.js se usa para configurar la cámara actual del renderizador en el objeto p5.Camera dado. Esto se puede utilizar para cambiar a varias cámaras.
Sintaxis:
setCamera( cam )
Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:
- cam: Es un objeto p5.Camera al que la función cambiará la cámara.
El siguiente ejemplo ilustra la función setCamera() en p5.js:
Ejemplo:
javascript
let cameras = [];
let currCameraIndex = 0;
function setup() {
createCanvas(600, 400, WEBGL);
helpText = createP(
"Click on the buttons to switch to the"+
" next camera of the sketch"
);
helpText.position(20, 0);
// Button to switch to the next camera
// in the scene
newCameraBtn = createButton("Switch to Next Camera");
newCameraBtn.position(20, 40);
newCameraBtn.mouseClicked(switchActiveCamera);
// Create 5 cameras and store into array
for (let i = 0; i < 5; i++) {
cameras[i] = createCamera();
// Randomly set the position the camera
// is looking at using setPosition()
randomX = floor(random(-100, 100));
randomY = floor(random(-100, 100));
cameras[i].setPosition(randomX, randomY, 350);
}
}
function switchActiveCamera() {
// Increment the camera index
if (currCameraIndex < 4) currCameraIndex += 1;
else currCameraIndex = 0;
// Set the camera from the camera array
// to that index
setCamera(cameras[currCameraIndex]);
}
function draw() {
clear();
orbitControl();
normalMaterial();
// Create three boxes at three positions
translate(-150, 0);
box(65);
translate(150, 0);
box(65);
translate(150, 0);
box(65);
}
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/setCámara
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA