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

let currCamera; 
  
function setup() { 
  createCanvas(500, 500, WEBGL); 
  helpText = createP( 
    "Move the sliders to change the " + 
    "position of the camera"
  ); 
  helpText.position(20, 0); 
  
  // Create the camera 
  currCamera = createCamera(); 
  
  // Create three sliders for changing the 
  // position of the camera 
  xPosSlider = createSlider(-360, 360, 0); 
  xPosSlider.position(20, 40); 
  
  yPosSlider = createSlider(-360, 360, 0); 
  yPosSlider.position(20, 70); 
  
  zPosSlider = createSlider(0, 800, 600); 
  zPosSlider.position(20, 100); 
} 
  
function draw() { 
  clear(); 
  lights(); 
  normalMaterial(); 
  debugMode(); 
  
  // Get the x, y, z values from the 
  // sliders 
  let currX = xPosSlider.value(); 
  let currY = yPosSlider.value(); 
  let currZ = zPosSlider.value(); 
  
  // Set the position of the camera 
  // to these points in the world space 
  currCamera.setPosition(currX, currY, currZ); 
  
  cylinder(90); 
}