Viewing embedded USDZ file using AR Quick Look (using Safari)
32In this video, we are going to take a quick look at Apple's AR Quick Look feature.
I've already embedded a usdz file which contains a 3D text object that I've created using an online 3d design tool called Vectary.
Now that the required HTML code is embedded in my page, I can see the preview thumbnail of the object which is linked to the usdz file that resides on Vectary's server. I could alternatively host it on my blog instead.
The vector icon of the cube shows us that this is a usdz file. This file can be viewed using usdz supported iOS app like Messages, Safari, Mail and more.
All I need to do is to click the link to the file. Safari automatically detects that this is a usdz file and launched AR Quick Look viewer.
The first thing you see is a standard view of the 3D object that was downloaded into your device. To view the content in AR, you will need an ARKit- compatible device running iOS 12. Now I click the AR button to initialize the augmented reality view.
The camera stream starts and a semi-transparent view of the object appears on top of the camera feed. shortly after ARKit quickly detects a surface, and places the 3D object on to of it. You can now rotate, move and scale the object as you find fit.
It's an amazing technology that makes sharing 3D content easy very easy over the web. If you own an ARKit-enabled device running on iOS 12, you can try it out yourself. I put a link in the description to the same page I used for this demonstration, so make sure you check it out.
Vectary: https://www.vectary.com/
The embedded usdz file linked from my blog: https://arcritic.com/2473/quick-look-at-apple-ar-quick-look/