3

我对threejs相当陌生，所以我正在做的可能不是最有效的方式。

我在移动设备上的 AR 中有一个对象，我想知道在触摸屏幕时是否与它相交。
我使用下面的代码来生成光线投射，它最初可以工作。

    const tempMatrix = new THREE.Matrix4();
    tempMatrix.identity().extractRotation(this.controller.matrixWorld);
    this.raycaster.ray.origin.setFromMatrixPosition(this.controller.matrixWorld);
    this.raycaster.ray.direction.set(0, 0, -1).applyMatrix4(tempMatrix);

但是，我有能力通过移动和旋转整个场景来重新定位对象（即重置位置，使对象在前面，相对于当前相机方向和位置）。

重新定位后，光线投射完全偏移，不会在我触摸屏幕的任何地方投射光线。

重新定位是这样完成的（虽然它有效，但如果有更好的方法，请告诉我！）：

public handleReposition(): void {
    const xRotation = Math.abs(this.camera.rotation.x) > Math.PI / 2 ? -Math.PI : 0;
    const yRotation = this.camera.rotation.y;

    this.scene.rotation.set(xRotation, yRotation, xRotation);
    this.scene.position.set(this.camera.position.x, this.camera.position.y, this.camera.position.z);
  }

如何实现将光线投射到正确的新位置？

谢谢！

4

1 回答 1

1

假设this.scene实际上是 main threejs Scene，改变它的旋转或位置通常是一个坏主意，因为它会影响场景内的所有东西，包括控制器。我建议改为移动你的对象，或者将你的对象添加到 aGroup并移动它。

于 2021-11-13T21:17:13.657 回答