p5.js setCamera()用法及代碼示例

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); 
}