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 ConfiguratorsEcommerceActions
The action is a direct order of what should be executed.
Animated Texture
Action Animated Textures provides control over the playback of GIFs
and Lotties
.
Control:
- Play — texture animation starts from the beginning or from a pause
- Pause — texture animation is paused in the current position
- Stop — texture animation is stopped and reset to the beginning
Animation — select a GIF
or Lottie
from your project
Repeat — texture animation is played indefinitely
Animation
Animation action controls the behavior of a selected Animation (created in Animate mode).
Control:
- Play — animation starts from the beginning or from a pause
- Pause — animation is paused in the current position
- Stop — animation is stopped and reset to the beginning
Animation — select which of the animations the action will be activated with (tabs in Animate mode)
Cameras
Action Cameras allow you to create and configure the switching between cameras.
Switch to — select the camera to be switched to
Ease type — select the type of interpolation, that is the smoothness of motion between the current view and the new view
- Constant — view changes instantly, but with a consideration of duration and delay
- Linear — motion has no acceleration - it starts and stops instantly
- Ease auto — achieves the smoothest motion
- Ease in & out — accelerates at the beginning and decelerates at the end
- Ease in — motion starts slowly and stops instantly
- Ease out — motion starts immediately and stops slowly
Download image
The Download image action allows visitors to save a screenshot from any camera.
Camera — select the camera from which the screenshot will be downloaded
Custom resolution — set the screenshot resolution
Transparent background — set a transparent background for the screenshot
2464
and Height 1898
, and you change Width to 1000
, the image resolution upon downloading will be 1000
:770
Highlight
The Highlight action lets you control the visibility of a stroke- or fill-effect on your highlighted object.
Control — Activate or Deactivate highlighting
Object — select the object to be highlighted
Stroke
— highlighting an object by stroke
Fill
— entire object is highlighted
Opacity — opacity of the Stroke
or Fill
Weight — stroke thickness
Interactions
The Interactions action gives you control over other interactions.
Control:
Trigger — lets you “force run” another interaction, bypassing its triggers and conditions
Toggle — toggle the Enable and Disable state for another interaction
Enable — make another interaction available (i.e. the interaction can be triggered)
Disable — makes the other interaction unavailable (i.e., the interaction cannot be triggered)
Interact. — choose which interaction to be controlled
Materials
Materials action control which material is selected for the specific object.
Object — select the object whose material you want to switch.
Material:
- Next material — next material of the selected object is activated
- Previous material — previous material of the selected object is activated
- “Material name” — specific material of the selected object is activated
Open Link
The Open Link action enables the usage of any object in the scene to follow a link. It lets any object in the scene to connect the chosen materials or shapes to a URL.
Link — specify a link
Append parameters — If this option is enabled, values selected by the user in Variants
and Materials
will automatically be added to the URL as parameters.
Example:
- Add Variants or Materials in Floating UI
- Add interaction with the Open Link action
Result:
- user selects materials or objects,
- then clicks on any object/item that contains a link,
- user follows the specified link, but it now contains the user's choice parameters (the name of the materials and objects), e.g.:
Open in new tab — the link can be opened in the current or a new browser tab
Sounds
The Sounds action allows you to control the playback of audio files.
Control:
- Play — audio file playback starts from the beginning or from a pause
- Pause — audio file playback is paused in the current position
- Stop — audio file playback is stopped and reset to the beginning
Sound — upload the audio file from your computer (.mp3
.wav
.ogg
.webm
)
- The limit is 5MB
- Sounds can be reused several times in a project by using the drop-down list
- If the loaded sound is not used in any interaction, it is automatically purged (deleted) after reloading the project
Volume - adjust the volume
Repeat - repeat the audio file after finishing
Transformation
Transformation action controls object transition between 2 states.
Object — the object to be transformed
To: select the state the object will transition to.
- Base — object is transitioned (reset) to its own base (original) transformation set in the Design mode
- “Transformation name” — object is transitioned to the predefined transformation state
Transform (transformation state)
1. Create a new transformation state by clicking on +
icon next to the dropdown
2. Set the transformation parameters for the state: position, rotation, and scale
3. If desired, set Target, which is the object to which your transforming object will move
- Object — object is not selected
- World — moves to the position that you set
- Trigger — moves to an object that is a trigger in the interaction and will follow it even if it is in motion
- Pointer — cursor is used as a target, enabling drag-and-drop functionality or allowing the object to follow the cursor. For the best drag-and-drop experience, set the Duration value to
0
. - [Any object]
Ease type
Interpolation type (smoothness) between current and new transformation.
- Constant — state changes instantly, but with a consideration of duration and delay
- Linear — transition has no acceleration. It starts and stops instantly
- Ease auto — achieves the smoothest transition
- Ease in & out — accelerates at the beginning and decelerates at the end
- Ease in — transition starts slowly and stops instantly
- Ease out — transition starts immediately and stops slowly
Upload image
The Upload Image action allows visitors to add a texture to your project.
Material — select the material in which the texture will be uploaded
Color, Opacity, Emission — select the channel, in which the image will be uploaded
Variants
Variants action control Variants object.
Variants — select the desired Variants Object:
- Next object — next object in the selected Variants is activated
- Previous object — previous object in the selected Variants is activated
- None — no object in the selected Variants is activated
- “Object name” — specific object in the selected Variants is activated
Visibility
Visibility action controls the visibility of any objects in the project including Floating UI.
Control:
- Toggle — visibility is switched between Show or Hide based on the current state
- Show — object is shown
- Hide — object is hidden
Object:
- Select any object from the drop-down list or using the eyedropper.
- Self — the object that was selected in the trigger.
- Floating UI — set up interaction with Floating UI.
Floating UI
Relative to:
- If Canvas is selected, Floating UI is displayed relative to the canvas
- If any object is selected, Floating UI is displayed relative to the selected object and following the Origin point (Local gizmo location) of the selected object
Auto-hide — Floating UI is hidden if clicked outside of the Floating UI area
Send event
Allows the creation of an event/variable (Void, String, Number, Boolean) that can subsequently be utilized for various purposes.
Learn more about it here: Events & Event expressions
Duration
Length of the transition between current and new transformation.
Delay
Each Action can have a delay. Setting a delay means, that action is not executed immediately but will wait until the selected delay is reached.