QuickQuick

Awesome PowerPoint & Excel templates, tricks, and tools.

https://cdn.jsdelivr.net/gh/hiukim/mind-ar-js@1.1.5/dist/mindar-image.prod.js https://aframe.io/releases/1.2.0/aframe.min.js https://cdn.jsdelivr.net/gh/hiukim/mind-ar-js@1.1.5/dist/mindar-image-aframe.prod.js var audio = new Audio(“./resources/birthdays/hbd_song.mp3”); document.addEventListener(“DOMContentLoaded”, function() { const sceneEl = document.querySelector(‘a-scene’); const arSystem = sceneEl.systems[“mindar-image-system”]; const exampleTarget = document.querySelector(‘#example-target’); exampleTarget.addEventListener(“targetFound”, event => { audio.play(); }); exampleTarget.addEventListener(“targetLost”, event => { audio.pause(); }); }); <!– –> <!– –> const params = new Proxy(new URLSearchParams(window.location.search), { get: (searchParams, prop) => searchParams.get(prop), }); let id = params.id; console.log(‘imageTargetSrc: ./patterns/birthdays/’ + id + ‘.mind;’); const sceneEl = document.querySelector(“a-scene”); //document.getElementById(“mindar-scene-main”).mindarImage = ‘imageTargetSrc: ./patterns/birthdays/${id}.mind;’; sceneEl.setAttribute(“mindar-image”, ‘imageTargetSrc: ./patterns/birthdays/’ +id + ‘.mind;’);
%d bloggers like this: