Out-Of-The-Box With Capacitor: Cross-platform AR/VR using the Web

Опубликовано: 30 Март 2025
на канале: Ionic

978

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 - https://capacitorjs.com/docs
A-Frame - https://aframe.io/docs/1.6.0/introduc...
Angular - https://angular.io/docs
WebXR - https://www.w3.org/TR/webxr/
A-Frame VR Controls - https://aframe.io/docs/1.6.0/introduc...
Code & Blog post - https://ionic.io/blog/cross-platform-...

Interactive Tutorials:
Build Immersive Web Experiences with WebXR - https://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.