Question

每当相机碰撞或触摸以下物体时，我都会尝试触发我的得分功能：

<a-entity id="rock" static-body obj-model="obj:models/rock_mesh.obj;mtl:images/rock_mesh.mtl" rotation="0 90 0" position="7.30242379045994 0.3 0">
     </a-entity>

我在相机上装备了分数文字：

 <a-text id="score" value="0" position="-0.2 -0.5 -1" color="red" width="5" anchor="left"></a-text>

并尝试触发这样的功能：

let score = 0;
score = score + 1
$("#score").setAttribute('text','value','Score '+score)

这只是草拟代码，我对javascript还是陌生的

我该怎么做？每当我的相机触摸到这个“岩石”物体时，屏幕上的分数会增加吗？

如何检测物体或相机的碰撞或触摸？

谢谢。

Answer 1

检测冲突的最简单方法是检测三个边界框是否重叠

您可以使用Ngo Kevins aabb-collider，它在碰撞时会发出hitstart。不过请记住，相机没有自己的几何形状：

<a-camera foo geometry="primitive: box" aabb-collider="objects: a-box"></a-camera>
<a-box scale="2 2 2" class="box" color="blue" position="0 1.6 -5" ></a-box>

，而foo是hitstart的简单事件侦听器。

AFRAME.registerComponent("foo", {
  init: function() {
     this.el.addEventListener("hitstart", (e)=>{
         // Collision ! increment the score
     })
  }
})

提琴here。

如果可能的话，我不会检测到与您的模型发生碰撞，而是创建一些碰撞盒。

值得一提的是，如果您想在项目中使用physics engine，Don McCurdys Physics System也将启用collision detection。您需要听hitstart来代替collision。

Answer 2

只需执行以下操作：

label

A帧触发器javascript函数与相机碰撞

2 个答案: