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;

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

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值