在Aframe中如何实现碰撞时物体阻挡用户移动且自身不发生位移？

基础物理引擎实现（推荐，配置简单） #

这个方案直接用Aframe生态内置的物理组件实现，不需要写额外逻辑：

• 给你的场景添加物理系统配置，关闭全局重力避免物体异常掉落：

<a-scene physics="gravity: 0">

• 给需要阻挡的立方体添加static-body属性，标识为固定不会位移的静态碰撞体：

<a-box position="0 1 -3" rotation="0 45 0" color="#4CC3D9" static-body></a-box>

• 给玩家控制的移动实体（相机Rig）添加kinematic-body属性，开启移动碰撞检测：

<a-entity movement-controls="fly: false" kinematic-body="enableJumps: false; gravity: 0">
  <a-camera position="0 1.6 0"></a-camera>
</a-entity>

配置完成后移动时靠近立方体会直接被阻挡，既无法穿入立方体内部，立方体也不会产生任何位移。

轻量射线检测实现（无额外组件依赖） #

如果不想引入完整物理系统，也可以用射线检测手动实现阻挡逻辑：

• 给所有需要做碰撞阻挡的物体添加collidable类名标识：

<a-box class="collidable" position="0 1 -3" rotation="0 45 0" color="#4CC3D9"></a-box>

• 在相机下绑定射线检测组件，检测前方0.5米范围内的可碰撞物体：

<a-entity movement-controls="speed: 0.3">
  <a-camera position="0 1.6 0">
    <a-entity raycaster="objects: .collidable; far: 0.5" position="0 0 0"></a-entity>
  </a-camera>
</a-entity>

• 加入一段简单控制逻辑，碰撞时禁用移动：

const moveControl = document.querySelector('[movement-controls]');
const raycaster = document.querySelector('[raycaster]').components.raycaster;

setInterval(() => {
  if (raycaster.intersections.length > 0) {
    moveControl.setAttribute('movement-controls', 'speed', 0);
  } else {
    moveControl.setAttribute('movement-controls', 'speed', 0.3);
  }
}, 100);

内容的提问来源于stack exchange，提问作者Anonymous