Actions

Getting started

Vectary Dashboard

Studio Navigation

Left bar - Project & Workspaces

Right bar - Properties panel

Design process

Lighting and Environments

Figma Plugin - Vectary 3D Studio Lite

Rendering

Adding comments

Sharing and embedding

File Exporting

Clone projects (Sharing Settings)

Augmented Reality (WebAR)

WebXR (beta)

Embedding to other software

Optimizing a Shared project

Loading screen

Scene performance analyzer

Model API

Introduction

Quick Start

Events & Listeners

Floating UI Configurators

Ecommerce

Actions

← Interactions

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

⚠️

Custom resolution Please note that the resolution can only be set for one parameter; the other will be automatically calculated when the image is downloaded. For instance, if the default resolution settings show Width 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

Learn more about Selections

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.

Learn more about Selections

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.:

https://www.vectary.com/?Variants=Sphere&Box=Alvin Where Variants = Sphere means that a Sphere object was selected in Variants, and Box = Alvin means that a material named Alvin was chosen for the Box object.

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

Activation by hover is only possible after any click on the scene. Activation by scene load is blocked due to browser limitations: https://developer.chrome.com/blog/autoplay/

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

Learn more about Selections

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]

💡

Transformation state can be renamed, duplicated, or deleted

💡

Transformation states can be reused in other actions. This means that editing or deleting will affect all instances

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

Any other texture and material settings will remain the same

♻️

Any changes made will be temporary, returning to their default state when the project is reloaded

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.

Learn more about Selections

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