OpenGLWeb前端之路OpenGL+Metal

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);
上一篇下一篇

猜你喜欢

热点阅读