three.js 相机camera的up和lookAt详解

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;

说的通俗一点就是，就是你拿着相机是躺着拍，趴着拍还是侧着拍的区别，或是抬头看，低头看，扭头看的区别。