💬
【threex-artoolkit】マーカー認識イベントを発火させる
株式会社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
のイベントは取得できませんでした…取り方わかったら追記します
参考
Discussion