In this video Logan uses Angular, A-Frame, and Capacitor to show off how you can create a cross-platform AR/VR applications all with a single codebase. Through the power of WebXR you can create immersive experiences that work on the web and, therefore, Capacitor! The demo will work on iOS, Android, and VR headsets that support WebXR!
Useful Resources:
Capacitor - capacitorjs.com/docs
A-Frame - aframe.io/docs/1.6.0/introduc...
Angular - angular.io/docs
WebXR - www.w3.org/TR/webxr/
A-Frame VR Controls - aframe.io/docs/1.6.0/introduc...
Code & Blog post - ionic.io/blog/cross-platform-...
Interactive Tutorials:
Build Immersive Web Experiences with WebXR - developer.apple.com/wwdc24/10066
Credit:
Huge thanks to Ada Rose Cannon (Safari Engineer ‪@Apple‬ ). Ada's 2024 WWDC session was incredibly helpful with developing this demo and can be found in the Interactive Tutorials section.