A 框相机与物体的碰撞问题

问题描述 投票:0回答:1

我在 A-Frame(版本 1.4.0)中面临着关于虚拟现实场景中相机碰撞的挑战。尽管采用了各种技术,例如使用碰撞属性、为相机集成光线投射器以及探索其他潜在的解决方案,我仍然无法阻止相机穿过场景中的对象。

我尝试过的: 我将碰撞属性应用于盒子实体,同时,我尝试了相机实体的光线投射器。尽管做出了这些努力,相机仍然穿过 A 型框架场景中的对象,没有出现预期的碰撞行为。

我的期望: 我希望相机能够与 A 型框架场景中的物体发生碰撞,确保它不会穿过它们并提供逼真的虚拟现实体验。然而,当前的行为并未显示预期的碰撞检测。

<html>

<head>
    <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-extras/dist/aframe-extras.min.js"></script>
</head>

<body>
    <a-scene>
        <a-box position="0 0 -5" rotation="0 45 0" scale="2 2 2" collision color="tomato"></a-box>
        <a-sky color="#EEEEFF" material="src: ./sky.jpg" geometry=""></a-sky>
        <a-entity id="cameraEntity" camera="" universal-controls="" kinematic-body=""
            mouse-controls="pointerlockEnabled: false" data-aframe-inspector-original-camera="" position="0 1.6 0"
            grabbable look-controls wasd-controls>
            <a-entity id="cursorImage" cursor="fuse: true; fuseTimeout: 1000" position="0 0 -1"
                scale="0.00001 0.00001 0.00001" geometry="primitive: ring; radiusInner: 0.02; radiusOuter: 0.03"
                material="color: red; shader: flat" light="type: ambient; intensity: 1.2" raycaster="">
            </a-entity>
        </a-entity>
    </a-scene>
</body>

</html>

这是我尝试过的代码。我感谢任何有关如何在 A 型框架中有效实现相机碰撞以解决此问题的见解或建议。谢谢!

three.js collision-detection aframe virtual-reality webvr
1个回答
0
投票

确保您使用的是最新版本的 A-Frame 和 aframe-extras。您提到使用 A-Frame 1.4.0,但您的 HTML 代码段包含版本 1.2.0。更新这些可能会带来错误修复或改进的功能,有助于碰撞检测。

© www.soinside.com 2019 - 2024. All rights reserved.