如何使用 aFrame 在光标位置添加实体

Question

我需要知道如何使用 aFrame 在位置光标上添加实体

点击我想添加实体远离相机 2 米或类似的东西

或者我需要知道如何获得点击事件 (x,y,z) 的位置

但这里的问题是我要在 360 照片上添加什么实体，我使用天空标签，我尝试使用 js 获取位置，但我失败了，它只在实体上工作

this.el.addEventListener('click', function (evt) {
   console.log('I was clicked at: ', evt.detail.intersection.point);

例如see this photo

Answer 1

天空很远，因此光线投射器无法到达（默认 far 值为 1000`）。

你可以这样做：

<a-camera>
  <a-entity id="clickPosition" position="0 0 -100"></a-entity>
</a-camera>

然后您可以通过以下方式获取添加实体的位置：

document.getElementById('clickPosition').getWorldPosition();