three.js的两种相机
2017-11-24 本文已影响92人
mickeyZaku
THREE.js支持两种相机类型,透视相机(PerspectiveCamera,Css3的3d渲染也存在perspective属性,其一般设置在父级,为视距)和正交投影相机(OrthographicCamera),其最根本的区别就是透视相机存在视距,如人眼看到的,远处的渲染较小,近处的较大。而正投影则渲染为大小相同。
其声明如下:
var camera = new THREE.OrthographicCamera(window.innerWidth / -16, window.innerWidth / 16, window.innerHeight / 16, window.innerHeight / -16, -200, 500);
var camera2 = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
perspectiveCamera
其参数如下:
正投影相机
正投影相机则需要渲染方块范围,其基本的参数如下,相对好理解:
一般的可以将相机设定在场中的位置,通过设定其position
camera.position.x = 120;
camera.position.y = 60;
camera.position.z = 180;
但你可以通过lookat方法控制看到的东西
camera.lookAt(scene.position);