学习Three.js——摄像机(camera)

时间:2024-03-17 07:58:39

摄像机包括透视投影摄像机和正交投影摄像机。

透视投影摄像机

构造函数

var camera = new THREE.PerspectiveCamera(fov,aspect,near,far,zoom)

fov:视场,摄像机左右两侧睁开的角度,fov越大看到的东西越多,默认值为50

aspect:长宽比,渲染结果横向尺寸和纵向尺寸的比值,默认值为window.innerWidth/window.innerHeight

near:定义了从距离摄像机多近的距离开始渲染

far:定义里摄像机能够渲染的最大距离

zoom:变焦,用于放大和缩小场景,默认值为1,注意若设置为负值,场景将上下颠倒

图示:
学习Three.js——摄像机(camera)

正交投影摄像机

构造函数

var camera = new THREE.OrthographicCamera(left,right,top,bottom,near,far)

这六个参数定义了一个长方体,表示只渲染相对于摄像机的这个长方体内的场景

图示:
学习Three.js——摄像机(camera)

将摄像机聚焦在某个点上

camera.lookAt(new THREE.Vector3(x,y,z))

若要使得摄像机最终某个物体,可以使用

camera.lookAt(mesh.position)