Skip to content
Basic A-Frame support for the new library and WebARonARKit / WebARonARCore browsers.
Branch: master
Clone or download
machenmusik Merge pull request #38 from 3DataXR/preserve-hit-points
Fix issue with incorrect hit points in hitAR intersections
Latest commit 1252fc8 Mar 18, 2019


Basic A-Frame support for browser-based augmented reality (AR), supporting the new library and WebARonARKit/Core browsers, as well as WebXR Viewer.

By simply adding the ar component to your A-Frame scene declaration:

<a-scene ar>

aframe-ar will, when using a supported browser, take over the scene camera using information from ARKit / ARCore.

Basic usage:

<!-- First, include whichever version of A-Frame you like. -->
<script src=""></script>
<!-- Next, include; add the speech recognition polyfill if you want. -->
<script src=""></script>
<!-- Last, include aframe-ar. -->
<script src=""></script>

<!-- Place the ar component on your scene, and the camera will use AR by default. -->
<a-scene ar>
  <a-sphere radius="0.01" position="0 0.005 -0.5"></a-sphere>


Basic AR camera:

ar-raycaster usage:

Plane detection and visualization: with many thanks to Twitter user @uveavanto et al.

Reference links:

You can’t perform that action at this time.