Getting started
System RequirementsRenderingVectary DashboardAccount SettingsRolesUser InterfaceScene OrientationHow To Get HelpImporting
Import formatsFigma frames import CAD filesDesign process
Design modeMaterials and TexturesAnimated MaterialsDecalsUV mappingCameraLighting and EnvironmentEffectsBackgroundGround planeControl BarLibrariesEdit mode3D Configurator
Floating UIHotspotsInteractionsAnimationsVariantsScene and project settings
Version HistoryAugmented Reality (WebAR)WebXR (beta)Loading screenMouse controlsInteraction promptMenu - SettingsSharing, exporting, embedding
SharingPerformance analyzerOptimizing a shared projectProject cloningEmbedding to other softwareExport optionsOther
Figma Plugin - Vectary 3D Studio Lite2D to 3DAdding commentsObject EditingLeft bar ShortcutsModel API
IntroductionQuick StartEvents & ListenersFloating UI ConfiguratorsEcommerceAugmented Reality (WebAR)
Add AR for your projects in one click
How to add AR (+ QR code)
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 will be added to the project to activate the AR experience.
- Tapping the icon on a mobile device will immediately activate the AR experience.
- Clicking on the icon in the desktop version will open a popup with a QR code for scanning.
AR: Settings
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
— Resizes an object in AR without changing its actual size in Studio (set to 50% to halve the size, or 200% to double it)
10
— Defines if scaling of the object in AR is allowed or not
11
— When enabled, configuration changes will be updated in AR; when disabled, configuration changes do not affect AR
12
— The language defines the text in the AR popup (QR code)
Auto
- Sets the language based on the user's language settings
AR: Auto update (show current configuration)
Any changes made to objects or materials using Variants , Materials and some interactions (Materials, Variants, Visibility, Transformation) will be automatically reflected in AR.
Video demonstrating how it works: VECTARY 3D configurator in Apple Vision Pro
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 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 animation, which can be either created from scratch in the Animate mode or imported in GLB/glTF (Android) and USDZ (iOS) formats. Any animation that is supported by these formats will work in AR (skeletal animation, particle animation, etc.).
Animation import for AR is done through the Augmented Reality settings:
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 (screenshot bellow)
- the
single
play mode will be played onrepeat
- the animation starts automatically even before you place the model in a physical setting and cannot be stopped
AR: Materials
The following properties are supported in AR:
- All Basic properties
- Advanced - only Refraction (glass simulation)
- Baked textures - Ambient occlusion (only Apple devices)
FAQ
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. We are actively developing WebXR and it is already available! You can learn more about it here: WebXR (beta)