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;

說的通俗一點就是，就是你拿着相機是躺着拍，趴着拍還是側着拍的區別，或是擡頭看，低頭看，扭頭看的區別。