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;

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章