行业知识
【three.js】Camera相机四大参数详解
2026-11-08 18:26:09
来源:互联网转载
先说一个���念,threejs中的相机其实就是一个视椎体,如下图:
两个绿色的面分别是近裁截面和远裁截面,在两个面之间,我们能看到网格模型,如果网格模型在两个面外,那么你是看不到的。
那么明白这一点,我们看代码说明。
这里拿PerspectiveCamera透视投影相机举例:
// 引入three.jsimport * as THREE from 'three';/** * 创建3D场景对象Scene */const scene = new THREE.Scene();/** * 创建网格模型 *///创建一个长方体几何对象Geometryconst geometry = new THREE.BoxGeometry(50, 50, 50);//材质对象Materialconst material = new THREE.MeshBasicMaterial({ color: 0x00ffff, //设置材质颜色 transparent:true,//开启透明 opacity:0.5,//设置透明度});const mesh = new THREE.Mesh(geometry, material); //网格模型对象Mesh//设置网格模型在三维空