three.js的两种相机

作者: mickeyZaku | 来源:发表于2017-11-24 15:00 被阅读92次

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);

相关文章

网友评论

    本文标题:three.js的两种相机

    本文链接:https://www.haomeiwen.com/subject/alqfbxtx.html