A-Frame First Look

XR may be well acclimatised in the phone and headset domain, but XR in the browser is growing up steadily. We’ve been looking at A-Frame recently and this is a framework built on the browser’s WebXR API and Three.js. It’s mainly VR oriented, but also supports basic AR features and 360 video. WebXR handles device tracking and Three.js is a JavaScript rendering engine used for constructing 3D scenes. A-Frame ties the two together and gives you a composable API based on Web Components that embed right into HTML. As our passion is AR, A-Frame offers a stable hit-test feature for basic AR placement and also takes the environment lighting into consideration. Be mindful that not all phone browsers have implemented WebXR yet. Currently, Samsung Internet, Chrome and Opera are leading support.