/w=640,quality=80,fit=scale-down){kind=logo}
/w=3840,quality=80,fit=scale-down)
Getting started
/w=640,quality=80,fit=scale-down)
Studio Navigation
Design process
/w=640,quality=80,fit=scale-down)
/w=640,quality=80,fit=scale-down)
/w=640,quality=80,fit=scale-down)
/w=640,quality=80,fit=scale-down)
Sharing and embedding
/w=640,quality=80,fit=scale-down)
/w=640,quality=80,fit=scale-down)
/w=640,quality=80,fit=scale-down)
Model API
/w=640,quality=80,fit=scale-down)
/w=640,quality=80,fit=scale-down)
/w=640,quality=80,fit=scale-down)
/w=640,quality=80,fit=scale-down)
Augmented Reality (WebAR)
Add AR for your projects in one click
How to add AR
The Augmented Reality feature is turned on the Right bar.
What happens after an AR has been added:
- AR files are generated:
GLTF- Android andUSDZ- iOS - An icon is added to the project to activate the AR experience
How to customize the AR
1 — Icon that displays the status of creating the version of the scene for Android (GLTF) and iOS (USDZ). Versions are created automatically. If the project has been changed, you will need to synchronize the models again by clicking on these icons.
2 — A green checkmark means that all is well and the files have been created. If it does not appear, it means that there is a problem. Most likely, there will be an error text in the upper right corner of the scene.
3 — You can load a completely different model for the AR. That is, the model for the AR will be different from what will be seen in the Viewer.
4 — Select a specific object/group or selection that is exported to AR (the other objects will be ignored for AR).
5 — Choose in which corner to place the AR icon
6 — Select the padding from the edge of the stage to place the icon
7 — Change the size of the icon
8 — You can replace the icon with your own .png or .jpg
9 — Defines if scaling of the object in AR is allowed or not
10 — When enabled, configuration changes will be updated in AR; when disabled, configuration changes do not affect AR
11 — The language defines the text in the AR popup (QR code)
Auto - Sets the language based on the user's language settings
AR: Automatic Model Updates
How to enable automatic model updates in Augmented reality for your configurator.
Any changes made to objects or materials using Variants , Materials and some interactions (Materials, Variants, Visibility, Transformation) will be automatically reflected in AR.
This feature is enabled by default, but you can disable it in the Augmented Reality settings:
How it works
1. Create a configurator
2. Generate AR files (once your configurator is ready, add the AR to the scene)
3. Testing:
- share the project - open the project in a new browser tab - play with your configurator (change material/hide object/transform/etc) - click on the AR icon and you will see how a new QR code will be generated automatically - result: the scene in AR will reflect all changes made in the configurator 🎊
AR: Animations
Vectary supports AR animations. This can be either animation created from scratch in your project or imported animation.
Feel free to explore how it works by scanning this QR code to activate the AR experience:
Since Vectary AR runs on ARKit and ARCore, there are a few limitations:
- only the first animation from Animate mode is exported to AR
- the
singleplay mode will be played onrepeat - the animation starts automatically even before you place the model in a physical setting and cannot be stopped
You can import USDZ or GLTF files with any type of animation supported by these formats (skeletal animation, particle animation, etc.). To do this, import the file directly into the pop-up where AR is generated (on the right panel in Advanced).
FAQ
How to properly resize a model for AR?
- Resize the model - Apply scale - Regenerate files for AR
Do interactions work in AR? Why is Floating UI not displayed in AR?
Current AR implementation is based on native AR applications that comes with your phone (ARCore and ARKit). Since we don't control these applications, we are very limited in what can be achieved.
The best solution is to use WebXR (currently only fully supported by Android devices). That's why we are hyped to see WebXR supported on iOS now (it is still under developer flags, so a regular user would need to enable it in the Safari settings).
With WebXR we can have the same experience (materials, lighting, colors, interactions and more) as in a regular Studio. The WebXR implementation is under development. We cannot promise any timeline at this time, but please stay tuned.
Why do my materials look different in AR?
The following properties are supported in AR:
- All Basic properties
- Advanced - only Refraction (glass simulation)
- Baked textures - only Ambient occlusion (UV0 channel)
