ar.js 点击适用于电脑，但不适用于移动设备答案

【问题标题】：ar.js clicking works on pc but not on mobilear.js 点击适用于电脑，但不适用于移动设备
【发布时间】：2020-02-26 15:42:57
【问题描述】：

我正在使用 ar.js 构建一个小型应用程序，一切似乎都可以在 pc 上运行，但是一旦我在手机上尝试，我似乎就无法再点击了。根据手机的旋转，所有东西最终也会被拉伸或压扁。

我认为无法按任何东西与拉伸/挤压有关，但我不知道应该如何解决这样的问题？

目前的js是这样的

AFRAME.registerComponent('interactable-object', 
{
  init: function ()
  {
      var el = this.el;
      el.addEventListener('click', (e) =>
      {
         console.log("item pressed");
      }
  }
}

Html 代码如下：


<a-entity id='3dmodel' interactable-object position="1 0 -2" scale="5 5 5"
                        obj-model=" obj: url(models/3dmodel.obj);
                                    mtl: url(models/3dmaterial.mtl); ">

</a-entity>

我在我的 a 标记中使用 cursor: rayOrigin: mouse;；我不知道这是否是用于移动触摸的正确方法？我做错了什么还是有办法让对象更具响应性？

我正在使用 ar.js 2.2.1 和 aframe 0.9.2。

【问题讨论】：

标签： javascript mobile responsive augmented-reality ar.js

【解决方案1】：

据我所知，您还需要听“touchstart”：

el.addEventListener('touchstart', (e) =>

但我现在面临的问题是，这在屏幕边缘效果不佳，如果有人知道解决方法，请告诉我。

【讨论】：