Getting started
Vectary DashboardAccount SettingsRolesHow To Get HelpLibraryScene OrientationShortcutsSystem RequirementsStudio Navigation
User InterfaceDesign modeEdit modeLeft bar - Project & Workspaces Right bar - Properties panelCanvas toolsControl BarDesign process
CameraFile ImportingNURBS (CAD)Object EditingColors and MaterialsLighting and EnvironmentsVersion HistoryAnimated MaterialsInteractionsAnimationsFloating UIVariantsHotspotDecalsUV mapping2D to 3DFigma frames import Figma Plugin - Vectary 3D Studio LiteRenderingAdding commentsSharing and embedding
Sharing your projectsFile ExportingClone projects (Sharing Settings)Augmented Reality (WebAR)WebXR (beta)Embedding to other softwareOptimizing a Shared projectLoading screenScene performance analyzerModel 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.