p5.js frustum() 方法

frustum() 方法用于创建一个透视投影摄像机，该摄像机将场景呈现为具有透视效果的三维模型。

语法

frustum(left, right, bottom, top, near, far);

参数

• left：指定视锥体左侧的位置。
• right：指定视锥体右侧的位置。
• bottom：指定视锥体底部的位置。
• top：指定视锥体顶部的位置。
• near：指定近平面的距离。
• far：指定远平面的距离。

示例

function setup() {
  createCanvas(400, 400, WEBGL);
  frustum(-50, 50, -50, 50, 100, 800);
}

function draw() {
  background(220);
  rotateX(frameCount * 0.01);
  rotateY(frameCount * 0.01);
  box(100);
}

说明

frustum() 方法创建一个透视投影摄像机，将场景呈现为具有透视效果的三维模型。在实际应用中，通常使用 perspective() 方法来设置透视投影摄像机。frustum() 方法的作用是在透视摄像机中呈现场景时，以指定的参数为基础确定视锥体的形状和大小。

视锥体是一个类似于棱锥的三维空间体，向一个点（在摄像头所在位置）锥形展开。视锥体的基础结构是一个矩形，即指定平面。在平面外，平面内部的物体会被镜头捕捉到，而平面外的物体则不会。

参考链接

• p5.js frustum() Reference