【three.js】Camera相机四大参数详解

先说一个概念，threejs中的相机其实就是一个视椎体，如下图：

两个绿色的面分别是近裁截面和远裁截面，在两个面之间，我们能看到网格模型，如果网格模型在两个面外，那么你是看不到的。

那么明白这一点，我们看代码说明。

这里拿PerspectiveCamera透视投影相机举例：

// 引入three.js
import * as THREE from 'three';
/**
 * 创建3D场景对象Scene
 */
const scene = new THREE.Scene();

/**
 * 创建网格模型
 */
//创建一个长方体几何对象Geometry
const geometry = new THREE.BoxGeometry(50, 50, 50);
//材质对象Material
const material = new THREE.MeshBasicMaterial({
    color: 0x00ffff, //设置材质颜色
    transparent:true,//开启透明
    opacity:0.5,//设置透明度
});
const mesh = new THREE.Mesh(geometry, material); //网格模型对象Mesh
//设置网格模型在三维空