我在 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 型框架中有效实现相机碰撞以解决此问题的见解或建议。谢谢!
确保您使用的是最新版本的 A-Frame 和 aframe-extras。您提到使用 A-Frame 1.4.0,但您的 HTML 代码段包含版本 1.2.0。更新这些可能会带来错误修复或改进的功能,有助于碰撞检测。