threejs解决缩放到某个距离就不能继续缩放

blender中也存在同样的问题,原因相同,都是因为相机位置和相机观察点距离太近导致的。

描述:

        threejs加载模型比较大,通过OrbitControls控制相机,当缩放相机到一定程度的时候,就不能再放大了,移动相机也变得很困难,导致想查看某个位置但过不去。

原因:

        orbitControls有个默认的minDistance,表示相机位置camera.position和相机目标观察点orbitControls.target的最小距离,出现上述情况的原因就是在当前视角下,相机位置和目标观察点距离小于minDistance了,导致相机的缩放没有反应。

解决方案:

一:调整minDistance的值,选择一个合适的minDistance,但有时候并不能解决问题。

二:更改相机当前的位置或观察点

举个例子,点击模型,获取点击位置,将orbitControls.target设置成这个位置,再把camera.position沿着这个位置向后移动一点,此时相机就能看向你想看的位置,并且能继续缩放。

let clickedPoint = 你设置的点的位置;
this.camera.position.set(clickedPoint.x, clickedPoint.y, clickedPoint.z + 30);
this.orbitControls.target = clickedPoint;
this.orbitControls.update()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值