Upload <your-model>-ar.glb for each model you want to display. If <your-model>.usdz has also been generated, upload the USDZ file too.
Last updated on
Feb 7, 2024
- Home
- Get started
- Meshes
- Assets
- Projects
- Publish
- Interface
- Technical support
Sunrise uses Model Viewer to display AR experiences. To share AR assets from Sunrise, either download and host the Model Viewer script on your server, or link to the Model Viewer CDN.
Caution
When a user on an iOS device scans a QR code and views an asset, they are able to share the USDz AR file for that asset with anyone. This allows users to access the file directly. Only the Sunrise optimized file is accessible, not the original high-fidelity file.
This is not possible on Android devices.
To publish Sunrise AR content:
-
-
Follow the Model Viewer readme to set up the asset for AR.
-
Set the src parameter to "path/to/<model-name>-ar.glb". Set the ios-source parameter to "path/to/<model-name>-ar.usdz". We also recommend setting the following parameters:
Flag Value camera-controls true ar-scale fixed ar-modes webxr quick-look loading eager -
Pages that host AR content need to also import the Model Viewer script.
<script type="module" src="path/to/model-viewer.min.js"></script>
-
The example code below shows how Project Sunrise sets up Model Viewer:
<model-viewer classname="model-viewer" src="/path/to/model-ar.glb" ios-src="/path/to/model-ar.usdz" camera-controls="true" ar-modes="webxr quick-look" ar-scale="fixed" ar="true" loading="eager" > </model-viewer>
