p5.js frustum() 方法

p5.js 中的frustum()函数用于设置相机的平截头体，从而改变其视角。

平截头体是一种几何形式，可以通过切割金字塔的顶部来获得。剩余金字塔的六个平面在渲染 3D 视图时充当剪切平面。因此，剪裁平面内的任何东西都是可见的，而平面外的任何东西都是不可见的。

句法：

frustum([left], [right], [bottom], [top], [near], [far])

参数：此函数接受上面提到的六个参数，如下所述：

• left：这是一个设置相机平截头体左平面的数字。
• 右：这是一个设置相机平截头体右平面的数字。
• bottom：这是一个设置相机平截头体底部平面的数字。
• top：这是一个设置相机平截头体顶部平面的数字。
• near：这是一个设置相机平截头体近平面的数字。
• far：这是一个设置相机视锥的远平面的数字。

以下示例说明了 p5.js 中的frustum()函数：

例子：

Javascript

function setup() {
    
  // Create a canvas of the 
  // given size in WEBGL mode
  createCanvas(
    windowWidth, windowHeight,
    WEBGL);
    
  // Set the frustum of the camera
  frustum(-2.5, 2.5, -0.6,
          0.6, 1.0, 2000);
}
  
function draw() {
    
  background(200);
  orbitControl();
  strokeWeight(10);
  stroke(0, 0, 255);
  noFill();
  
  rotateX(map(mouseY, 0, height,
              0, TWO_PI));
  rotateY(map(mouseX, 0, width,
              0, TWO_PI));
    
  box(300);  
}

输出：

参考： https://p5js.org/reference/#/p5/frustum