Skip to content

Instantly share code, notes, and snippets.

@urish

urish/webar-hello-world.html

Last active August 31, 2020 17:17
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save urish/b48ac42c724676a489630ba8272a09c4 to your computer and use it in GitHub Desktop.
Save urish/b48ac42c724676a489630ba8272a09c4 to your computer and use it in GitHub Desktop.
Download ZIP
WebAR Hello World
Raw
webar-hello-world.html
<script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>
<script src="https://google-ar.github.io/three.ar.js/dist/three.ar.js"></script>
<script src="https://rawgit.com/chenzlabs/aframe-ar/827e9db/dist/aframe-ar.min.js"></script>
<body>
<a-scene ar>
<a-box width="0.25" height="0.25" depth="0.25" position="-0.25 0.125 -0.75" rotation="0 45 0" color="#4CC3D9"></a-box>
<a-sphere position="0 0.3125 -1.25" radius="0.3125" color="#EF2D5E"></a-sphere>
<a-cylinder position="0.25 0.1875 -0.75" radius="0.125" height="0.375" color="#FFC65D"></a-cylinder>
<a-plane position="0 0 -1" rotation="-90 0 0" width="1" height="1" color="#7BC8A4" shadow></a-plane>
</a-scene>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment