-
Notifications
You must be signed in to change notification settings - Fork 0
/
marker.html
28 lines (17 loc) · 1.31 KB
/
marker.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
25
26
27
28
<html>
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<!-- we import arjs version without NFT but with marker + location based support -->
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>
<script src="aframe-text-geometry-component.min.js"></script>
<script src="aframe-gif-shader.js"></script>
<script src="https://rawgit.com/mayognaise/aframe-gif-shader/master/dist/aframe-gif-shader.min.js"></script>
<script src="https://rawgit.com/mayognaise/aframe-gif-component/master/dist/aframe-gif-component.min.js"></script>
<body style="margin : 0px; overflow: hidden;">
<a-scene embedded arjs='sourceType: webcam; debugUIEnabled: false; detectionMode: color_and_matrix; patternRatio: 0.9'>
<a-marker preset='custom' type='pattern' smooth='true' smoothCount='15' url='https://raw.githubusercontent.com/jrDev1/craf-ts/master/PreKClassOf2020.patt'>
<a-entity position="0 -2 0" rotation="-90 0 0" scale="5 5 1" geometry="primitive:plane" material="shader:gif;src:url(https://raw.githubusercontent.com/jrDev1/craf-ts/master/LilTykesPreKClassOf2020Quarantine.gif);" gif="" transparent="true"></a-entity>
</a-marker>
<a-entity camera></a-entity>
</a-scene>
</body>
</html>