在实现物体测距,使用射线时自己导致的bug。。

问题

我是想相交的到点以后,直接塞入对应交到的物体里用一个SphereGeometry显示(不测量的时候,寻找其父元素移除)。
进行一番操作以后,发现显示的位置始终不对。
经过一段时间的思考,发现使用intersects[0].object.worldToLocal()反而正确了。

解决

射线交得的就是世界坐标为什么反而要从世界坐标转化成本地坐标了呢?
因为我塞入了其object容器内,自然也就应用上了他的转换矩阵。那么原本正确的世界坐标就会变转换,反而将其转换成原本的本地坐标才正确(自然的应用容器的转换矩阵)。

if (this.isMeasuring) {
      //交物体
      const intersects = this.getIntersectionsForMeature(event);
      if (intersects.length > 0) {

        console.log("看看交了啥",intersects)
        const marker = new THREE.Mesh(
          new THREE.SphereGeometry(0.1, 10, 20),
          new THREE.MeshBasicMaterial({
            color: 0xff5555,
            transparent: true,
            opacity: 0.5,
          })
        );
        marker.position.copy(intersects[0].object.worldToLocal(intersects[0].point))

marker.name = `${this.measureLinePoints.length+1}`
intersects[0].object.add(marker);
this.measureLinePoints.push(marker);
console.log("看一下存的点",this.measureLinePoints)
        }
  • 6
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值