diff --git a/mind-ar/index.html b/mind-ar/index.html new file mode 100644 index 0000000000000000000000000000000000000000..f96ca9fb1d16c3c21d3fc66de7075ad62ecd5b3b --- /dev/null +++ b/mind-ar/index.html @@ -0,0 +1,43 @@ +<html> + <head> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <script src="https://cdn.jsdelivr.net/npm/mind-ar@1.1.5/dist/mindar-image.prod.js"></script> + <script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script> + <script src="https://cdn.jsdelivr.net/npm/mind-ar@1.1.5/dist/mindar-image-aframe.prod.js"></script> + </head> + <body> + <a-scene + mindar-image="imageTargetSrc: ./targets.mind;" + vr-mode-ui="enabled: false" + device-orientation-permission-ui="enabled: false" + > + <a-camera position="0 0 0" look-controls="enabled: false"></a-camera> + <a-assets> + <img + id="card" + src="https://cdn.jsdelivr.net/gh/hiukim/mind-ar-js@1.2.2/examples/image-tracking/assets/card-example/card.png" + /> + <a-asset-item + id="avatarModel" + src="https://cdn.jsdelivr.net/gh/hiukim/mind-ar-js@1.2.2/examples/image-tracking/assets/card-example/softmind/scene.gltf" + ></a-asset-item> + </a-assets> + <a-entity mindar-image-target="targetIndex: 0"> + <a-plane + src="#card" + position="0 0 0" + height="0.552" + width="1" + rotation="0 0 0" + ></a-plane> + <a-gltf-model + rotation="0 0 0 " + position="0 0 0.1" + scale="0.005 0.005 0.005" + src="#avatarModel" + animation="property: position; to: 0 0.1 0.1; dur: 1000; easing: easeInOutQuad; loop: true; dir: alternate" + ></a-gltf-model> + </a-entity> + </a-scene> + </body> +</html> diff --git a/mind-ar/targets.mind b/mind-ar/targets.mind new file mode 100644 index 0000000000000000000000000000000000000000..f8a4919a7d90fda3d4548fcce568b91defabb60a Binary files /dev/null and b/mind-ar/targets.mind differ