@webarkit/jsartoolkit-nft/js/artoolkitNFT_ES6.worker.js

Emscripten port of ARToolKit5 to JavaScript. It is a lighter version of Jsartoolkit5 with only NFT markerless support

const browser = (function () {
  const test = function (regexp) {
    return regexp.test(navigator.userAgent);
  };
  switch (true) {
    case test(/edg/i):
      return "Microsoft Edge";
    case test(/trident/i):
      return "Microsoft Internet Explorer";
    case test(/firefox|fxios/i):
      return "Mozilla Firefox";
    case test(/opr\//i):
      return "Opera";
    case test(/ucbrowser/i):
      return "UC Browser";
    case test(/samsungbrowser/i):
      return "Samsung Browser";
    case test(/chrome|chromium|crios/i):
      return "Google Chrome";
    case test(/safari/i):
      return "Apple Safari";
    default:
      return "Other";
  }
})();

if (browser == "Apple Safari") {
  importScripts("../dist/ARToolkitNFT.js");
} else {
  importScripts("../dist/ARToolkitNFT_simd.js");
}
// Import OneEuroFilter class into the worker.
importScripts("./one-euro-filter.js");

let next = null;
self.onmessage = function (e) {
  const msg = e.data;
  switch (msg.type) {
    case "load": {
      load(msg);
      return;
    }
    case "process": {
      next = msg.imagedata;
      process();
    }
  }
};

let ar = null;
let markerResult = null;
let marker;

const WARM_UP_TOLERANCE = 5;
let tickCount = 0;

// initialize the OneEuroFilter
const oef = true;
let filterMinCF = 0.0001;
let filterBeta = 0.01;
const filter = new OneEuroFilter({
  minCutOff: filterMinCF,
  beta: filterBeta,
});

function oefFilter(matrixGL_RH) {
  tickCount += 1;
  let mat;
  if (tickCount > WARM_UP_TOLERANCE) {
    mat = filter.filter(Date.now(), matrixGL_RH);
  } else {
    mat = matrixGL_RH;
  }
  return mat;
}

function load(msg) {
  console.debug("Loading marker at: ", msg.marker);

  const onLoad = function (arController) {
    ar = arController;
    const cameraMatrix = ar.getCameraMatrix();

    ar.addEventListener("getNFTMarker", function (ev) {
      let mat;
      if (oef === true) {
        mat = oefFilter(ev.data.matrixGL_RH);
      } else {
        mat = ev.data.matrixGL_RH;
      }
      markerResult = {
        type: "found",
        matrixGL_RH: JSON.stringify(mat),
      };
    });

    ar.addEventListener("lostNFTMarker", function (ev) {
      filter.reset();
    });

    ar.loadNFTMarker(msg.marker, function (id) {
      ar.trackNFTMarkerId(id);
      let marker = ar.getNFTData(0);
      console.log("nftMarker data: ", marker);
      postMessage({
        type: "markerInfos",
        marker: marker,
      });
      console.log("loadNFTMarker -> ", id);
      postMessage({
        type: "endLoading",
        end: true,
      });
    }).catch(
      function (err) {
        console.log("Error in loading marker on Worker", err);
      },
      function (err) {
        console.error("Error in loadNFTMarker function on Worker", err);
      },
    );

    postMessage({
      type: "loaded",
      proj: JSON.stringify(cameraMatrix),
    });
  };

  const onError = function (error) {
    console.error(error);
  };

  console.debug("Loading camera at:", msg.camera_para);

  // we cannot pass the entire ARControllerNFT, so we re-create one inside the Worker, starting from camera_param
  ARControllerNFT.initWithDimensions(msg.pw, msg.ph, msg.camera_para, true)
    .then(onLoad)
    .catch(onError);
}

function process() {
  markerResult = null;

  if (ar && ar.process) {
    ar.process(next);
  }

  if (markerResult) {
    postMessage(markerResult);
  } else {
    postMessage({
      type: "not found",
    });
  }

  next = null;
}