💬

【threex-artoolkit】マーカー認識イベントを発火させる

2022/02/24に公開

株式会社palanのxR事業部で主にWebAR/VRの開発をしています、damiと申します。
この記事ではAR.js x Three.jsでマーカーベースARを開発する際に使用するthreex-artoolkitにて、
マーカー認識のイベント(markerFound)を発火させる方法を備忘録的にまとめます。

TL;DR

const markerControls = new THREEx.ArMarkerControls(
  arToolkitContext,
  markerRoot,
  {
    type: "pattern",
    patternUrl: "../static/marker/marker.patt",
  }
);
markerControls.addEventListener("markerFound", () => {
  // マーカーが見つかっている時は毎秒呼ばれる
  console.log("marker is visible");
});

ちなみにmarkerLostのイベントは取得できませんでした…取り方わかったら追記します

参考

https://github.com/jeromeetienne/AR.js/issues/111

Discussion