WebAR/basic.html at master · PolideaPlayground/WebAR · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
<script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script>

<body style='margin : 0px; overflow: hidden; font-family: Monospace;'><div style='position: fixed; top: 10px; width:inherit; text-align: center; z-index: 1;'>
	<a href="https://github.com/jeromeetienne/AR.js/" target="_blank">AR.js</a> - example for a-frame
	<br/>
	Contact me any time at <a href='https://twitter.com/jerome_etienne' target='_blank'>@jerome_etienne</a>
</div>

	<a-scene embedded artoolkit='sourceType: webcam;'>
		<a-sphere position="0 0.0 0.5" radius="0.5" color="#EF2D5E"></a-sphere>
		<a-plane position="0 0 0" rotation="0 0 0" width="1" height="1" color="#7BC8A4"></a-plane>
		<a-marker-camera url="./patt.bat" type='pattern'>
		</a-marker-camera>
	</a-scene>
</body>
</html>