MindARトラブルシューティング

クリックイベントが発生しない

MindARのオブジェクトはA-Frameタグを利用しているが、cursor="rayOrigin: mouse アトリビュートを付与してもクリックイベント（onClick,OnMouseUp等）が発生しないが、MindARではクリック対象のタグにclass="clickable" を付与することでクリックイベントが取得できるようになる。

      <a-entity
        mindar-image-target="targetIndex: 0"
        id="proTarget"
        ref={proTargetRef}
      >
        <a-video
          video-object
          class="clickable"
          onMouseUp={() => console.log("clicked")}
          src="#pro_video"
          width="1.3"
          height="1"
          position="0 0 0"
          rotation="0 0 0"
        ></a-video>
      </a-entity>

クリックイベントが2回発生する

onClick でイベントハンドルするとクリック（タップ）時に2回イベントが発生してしまうため、onMouseUp またはonMouseDown を利用すると1回だけイベントを取得できる。