Skip to content
Snippets Groups Projects
Commit eeca3446 authored by Camille PILLOT's avatar Camille PILLOT
Browse files

start mindAR project

parent b5898174
Branches
No related tags found
No related merge requests found
<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>
File added
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment