Use new Augmented Reality features with just a few lines of code with WebXR and AFrame!
Use new Augmented Reality features with just a few lines of code with WebXR and AFrame!
The blog of Ada Rose Cannon
I work on Safari at Apple and participate in web standards for spatial and immersive technologies at the W3C. I build demos, give talks, and write about the web platform.
A collection of web projects and prototypes.
Talks I've given on WebXR, web standards, and the web platform.
More about who I am and what I have worked on.
Use new Augmented Reality features with just a few lines of code with WebXR and AFrame!
Multiple Language Installable Web Apps using a single Manifest File
Future Focused Responsive Design Embracing the spirit of responsive design and accessibility to…
Here is a .gif of the final game, click here to play the game. It uses the WebXR DOM Overlay API, and the WebXR Hit Test API. So right now the best way to play it is in Mobile Chrome or Samsung Internet Beta.
Using WebXR in HTML IFrames
IFrames are really useful for WebXR. Often WebXR web pages are large with a lot of code and many 3D frameworks default to taking up all the available space on the page. IFrames solve these issues by letting you put all the XR code into another webpage, which can even be on a different domain, they also let you choose exactly how much space they take up on the page and can be used with Flexbox and CSS Grid.