如何检测球体与gltf模型的碰撞，并使gltf模型在碰撞后从场景中消失。我的代码中的碰撞检测适用于球体之间的碰撞，但不适用于gltf模型。
<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script src="https://mixedreality.mozilla.org/ammo.js/builds/ammo.wasm.js"></script>
<script src="http://cdn.jsdelivr.net/gh/n5ro/aframe-physics-system@v4.0.1/dist/aframe-physics-system.min.js"></script>
<script src="https://cdn.rawgit.com/donmccurdy/aframe-extras/v6.1.1/dist/aframe-extras.min.js" ></script>
<script>
AFRAME.registerComponent('explode', {
init: function() {
var el = this.el;
el.addEventListener("collidestart", function () {
console.log('collision detected');
el.parentElement.removeChild(el);
});
}
});
</script>
</head>
<body>
<a-scene physics=" driver: ammo">
<a-assets>
<a-asset-item id="human" response-type="arraybuffer" src="human.glb"></a-asset-item>
</a-assets>
<a-camera position="2 5 2" look-controls wasd-controls>
<a-cursor></a-cursor>
</a-camera>
<a-entity explode gltf-model="#human" class="enemy" ammo-body="type: kinematic;
emitCollisionEvents: true;" ammo-shape="type: sphere"
position="3 5 0" scale="0.1 0.1 0.1" rotation="0 180 0">
</a-entity>
<a-sphere explode ammo-body="type: kinematic; emitCollisionEvents: true;"
ammo-shape="type: sphere" position="1 5 0" velocity="1 0 0" radius="0.5"
color="blue"></a-sphere>
<a-sphere explode ammo-body="type: kinematic; emitCollisionEvents: true;"
ammo-shape="type: sphere" position="5 5 0" velocity="0 0 0" radius="0.5"
color="blue"></a-sphere>
</a-scene>
</body>
</html>我预计这里发生的事情是，当弹药形状在GLTF模型上初始化时，GLTF模型没有加载。
如果你检查你的控制台，你很可能会看到这个错误：
Cannot use FIT.ALL without object3DMap.mesh
弹药形状无法自动适应(尚不存在(网格，因此您最终将没有任何形状，因此不会发生碰撞。
一个简单的解决方案是明确指定弹药形状的半径：
ammo-shape="type: sphere; fit: manual; sphereRadius:0.5"
如果您真的想避免指定半径，另一种解决方案是在实体上编写一个等待model-loaded事件的小组件，然后在该点只添加ammo-shape和ammo-body(需要同时添加它们(。
像这样的东西应该起作用：
AFRAME.registerComponent("autofit-gltf-ammo-sphere", {
init() {
this.el.addEventListener("model-loaded", () => {
this.el.setAttribute("ammo-shape", "type:sphere");
this.el.setAttribute("ammo-body", "type:kinematic; emitCollisionEvents: true");
});
}
});
然后在这样的实体上使用：
<a-entity explode gltf-model="#human" class="enemy" autofit-gltf-ammo-sphere
position="3 5 0" scale="0.1 0.1 0.1" rotation="0 180 0">
</a-entity>