WEB 3D技术 three.js 解决几何体移动后 包围盒还留在原地问题

文章讲述了如何在改变Mesh对象位置时更新包围盒,通过调用`updateMatrixWorld(true,true)`和`applyMatrix4(matrixWorld)`来确保包围盒随物体移动。即使包围盒已添加到场景,通过正确顺序的代码也能修正位置问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我们最基础方式 创建的包围盒

然后 通过 position 改变物体的位置 例如 这里我们改它的x轴
在这里插入图片描述
会发现 我们几何体移动了 但是 包围盒确留在了原地
在这里插入图片描述
我们可以通过 updateMatrixWorld和applyMatrix4的世界坐标更新举证解决
在这里插入图片描述
简单说 Mesh出来的实例对象.updateMatrixWorld 两个参数都为true
几何体对象的boundingBox字段值.applyMatrix4参数 Mesh出来的实例对象下的 matrixWorld 字段

运行结果如下
在这里插入图片描述
不过记得修改位置坐标的代码 一定要比举证的代码先执行 否则无效

尽管 包围盒已经add到场景中 举证也依旧能够修整这个问题哦
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值