-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
24 lines (21 loc) · 1.03 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
<script src='https://aframe.io/releases/1.4.1/aframe.min.js'></script>
<script src="https://cdn.jsdelivr.net/npm/mind-ar@1.2.1/dist/mindar-image-aframe.prod.js"></script>
<script src="js/stencil-cube-component.js"></script>
</head>
<body>
<a-scene
mindar-image='imageTargetSrc: https://cdn.jsdelivr.net/gh/hiukim/mind-ar-js@1.1.4/examples/image-tracking/assets/card-example/card.mind;'
vr-mode-ui='enabled: false' device-orientation-permission-ui='enabled: false'>
<a-camera id="myCam" position='0 0 0' look-controls='enabled: false'></a-camera>
<a-entity id="myTarget" mindar-image-target='targetIndex: 0'>
<a-entity
world2local
stencil-cube="gltfUrls: 3d/bunny_blue.glb, , , 3d/bunny_white.glb, 3d/bunny_green.glb, 3d/bunny_red.glb; gltfScale: 4; gltfPosition: 0 -0.5 -0.5; gltfRotation: 0 0 0;"
position="0 0 0"
scale="1 1 1"></a-entity>
</a-entity>
</a-scene>
</body>
</html>