Ada.is

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.

Demos & Experiments

A collection of web projects and prototypes.

Conference Talks

Talks I've given on WebXR, web standards, and the web platform.

About Me

More about who I am and what I have worked on.

Writing

Preview image for Use new Augmented Reality features with just a few lines of code with WebXR and AFrame!
Preview image for Multiple Language Installable Web Apps using a single Manifest File
Preview image for Future Focused Responsive Design
Preview image for Making an AR Game

Making an AR Game

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

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.