three.js相机的设置很重要。甚至牵涉到缩放,旋转等动画的应用,下面就up和lookAt的用法做下解释:
先来说说position属性,就是设置相机的位置,而位置设置后相机看向哪里呢?
默认情况下,是由正z轴看像-z轴(相机镜头对着-z轴方向拍),就是我们由屏幕外向屏幕内看一样。
如果不设置lookAt,相机看向的就是position的z值垂直向里看的方向。
如果设置了lookAt,比如:
camera.lookAt({//相机看向哪个坐标 x : 0, y : 0, z : 0 });
这样相机就会看向原点。
那么up又是干什么的呢,其实就是相机以哪个方向为上方,默认y轴为上方。
如果设置如下,表示以z轴为相机的上方。
camera.up.x = 0; camera.up.y = 0; camera.up.z = 1;
说的通俗一点就是,就是你拿着相机是躺着拍,趴着拍还是侧着拍的区别,或是抬头看,低头看,扭头看的区别。