{"id":5970,"date":"2024-03-14T12:36:28","date_gmt":"2024-03-14T16:36:28","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=5970"},"modified":"2024-03-15T10:08:13","modified_gmt":"2024-03-15T14:08:13","slug":"augmented-reality-with-capacitor-ar-quick-look","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/augmented-reality-with-capacitor-ar-quick-look","title":{"rendered":"Augmented Reality With Capacitor: AR Quick Look"},"content":{"rendered":"\n

With Apple\u2019s release of the Vision Pro, we\u2019ve been getting a lot of questions around incorporating Augmented Reality (AR) and Capacitor. The truth is that while it\u2019s possible to add AR to your Capacitor projects, creating those experiences can be fairly difficult even within native Apple applications. The process of developing AR experiences is dependent on the types of experiences you are trying to create, how immersive you want the experience to be, and how far you are willing to go into native code to make it work. That combined with knowledge of 3D modeling, animation, photogrammetry, and several other areas of domain expertise can make it daunting.<\/span><\/p>\n

For this tutorial, I wanted to find a simpler way to incorporate AR into a Capacitor application. A project that didn\u2019t require Swift, could use all web-based technologies, and could introduce the Ionic community to AR to make it approachable. To accomplish this, I created a basic e-commerce application where you could view what you want to buy using AR.<\/span><\/p>\n\n\n\n

Caveats<\/h2>\n\n\n\n

There are a few limitations with this project:<\/span><\/p>\n