yohannawaliya/ar-demo-1.markdown

## ar-demo-1.markdown

      
    Raw
  

              ar-demo-1.markdown
            
          
    AR-demo-1

A Pen by Frank Corso on CodePen.
License.

  
## index.html
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/examples/vendor/aframe/build/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"></script>
<body style='margin : 0px; overflow: hidden;'>
	<!-- Define your 3d scene and enabled ar.js -->
	<a-scene embedded arjs='trackingMethod: best;'>

		<!-- Create a anchor to attach your augmented reality -->
		<a-anchor hit-testing-enabled='true'>

			<!-- Add your augmented reality here -->
			<a-box position='0 0.5 0' material='opacity: 0.5; side:double; color:red;'>
				<a-torus-knot radius='0.26' radius-tubular='0.05'>
					<a-animation attribute="rotation" to="360 0 0" dur="5000" easing='linear' repeat="indefinite"></a-animation>
				</a-torus-knot>
			</a-box>

		</a-anchor>

		<!-- Define a static camera -->
		<a-camera-static/>

	</a-scene>
</body>
	<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/examples/vendor/aframe/build/aframe.min.js"></script>
	<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"></script>
	<body style='margin : 0px; overflow: hidden;'>
	<!-- Define your 3d scene and enabled ar.js -->
	<a-scene embedded arjs='trackingMethod: best;'>

	<!-- Create a anchor to attach your augmented reality -->
	<a-anchor hit-testing-enabled='true'>

	<!-- Add your augmented reality here -->
	<a-box position='0 0.5 0' material='opacity: 0.5; side:double; color:red;'>
	<a-torus-knot radius='0.26' radius-tubular='0.05'>
	<a-animation attribute="rotation" to="360 0 0" dur="5000" easing='linear' repeat="indefinite"></a-animation>
	</a-torus-knot>
	</a-box>

	</a-anchor>

	<!-- Define a static camera -->
	<a-camera-static/>

	</a-scene>
	</body>