Vectary Documentation
ChangelogFeedbackHelpOpen Studio
  • Welcome to Vectary Docs
  • Documentation
    • Getting started
      • System requirements
      • User interface
      • Rendering
      • Dashboard
      • Account settings
      • Roles
      • Scene orientation
      • Units
    • Importing
      • Import formats
      • Figma frames import
      • CAD files
      • Vectary Processor
    • Design process
      • Design mode
        • Selections tools
        • Primitives
        • 3D Text
        • Light sources
        • Modifiers
          • Array Linear
          • Array Radial
          • Array Grid
          • Array Object
          • Subdivide
          • Bevel
          • Randomize
          • Symmetry
          • Boolean
        • Deformers
          • Bend
          • Twist
          • Taper
          • Skew
          • Stretch
          • Spherify
          • Noise
          • Simplify
        • Setup
          • Group
          • Empty
          • Camera
          • Backdrop
          • Smooth normals
          • Clipping plane
        • Interactive elements
      • Materials and Textures
        • Basic materials
          • Color
          • Roughness
          • Metalness
          • Opacity
          • Emission
          • Normal map
        • Advanced materials
          • Subsurface
          • Refraction
          • Clearcoat
          • Thinfilm
          • Reflectivity
          • Double sided material
        • Baked textures
          • Ambient occlusion (texture)
          • Lightmap
          • Texture remapping
        • Importing own textures
      • Animated materials
      • Decals
      • Camera
      • Environment
      • Background
      • Ground plane
      • Effects
        • Reflections
        • Ambient Occlusion
        • Soft Shadows
        • Fading
        • Smooth edges
        • Adjustments
        • Color Balance
        • Vignette
        • Grain
        • Bloom
      • Control bar
        • Fit View
        • Viewport display modes
        • Gizmo & Origin
        • Snapping
        • Download image
      • Libraries
        • Asset library
        • Materials library
        • Environments library
      • Edit mode
        • Selection tools
        • New object
        • Draw
        • Primitives
        • Extrude
        • Bevel
        • Make circle
        • Bridge
        • Slide
        • Cut
        • Collapse
        • Cap open boundaries
        • Merge faces
        • Mesh Tools
        • Normals
    • 3D configurator
      • Variants
      • Interactions
        • Triggers
        • Conditions
        • Actions
          • Animated texture
          • Animation
          • Cameras
          • Download image
          • Highlight
          • Interactions
          • Materials
          • Link
          • Sounds
          • Transformation
          • Upload image
          • Variants
          • Visibility
          • Send event
          • Set variable
        • Events (for API)
      • Animations
      • Floating UI
        • Floating UI settings
        • Container
        • Materials (UI)
        • Variants (UI)
        • Text
        • Image
        • Button
        • Slider
        • Input
        • Tips
      • Hotspots
      • Variables & Expressions
        • Syntax
        • Functions
        • List of inputs
        • Data import (.csv)
    • Project settings
      • Version history
      • Augmented Reality (WebAR)
      • WebXR (beta)
      • Loading screen
      • Mouse controls
      • Interaction prompt
      • Menu - Settings
    • Sharing, exporting, embedding
      • Sharing
      • Performance analyzer
      • Optimizing a shared project
        • Geometry
        • Textures
        • Materials
        • Effects
        • Light and shadows
        • HDRI
        • Ground plane
        • Tips
      • Project cloning
      • Embedding to other software
      • Export options
    • Other
      • Vectary Plugin for Figma
      • 2D to 3D
      • Selections
      • Comments
      • Shortcuts
  • API
    • Model API
      • Quick Start
      • API Reference
      • Type Definitions
      • Events & Listeners
      • Floating UI
      • Ecommerce
        • Webflow
        • Shopify
        • Custom code
Powered by GitBook
LogoLogo

Website

  • Pricing
  • Blog
  • Security
  • Website

Social

  • YouTube
  • LinkedIn
  • Discord

Copyright © 2025 Vectary Inc. All rights reserved

On this page
  • Overview
  • Tips
Export as PDF
  1. Documentation
  2. 3D configurator

Interactions

Bring interactivity to projects without writing a single line of code

Overview

Interactions mode provides comprehensive tools for defining the logic and behavior of a 3D project. In this mode, interactions are created by combining triggers, conditions, and actions, enabling detailed control over the responses and functionality of 3D objects, UI elements, and other project components. This ensures highly customizable and dynamic interactive experiences tailored precisely to project goals.

Triggers are key components within interactions, determining when an interaction should activate. Each interaction can contain one or multiple triggers.

  • On load

  • On update

  • On click

  • Mouse enter

  • Mouse exit

  • Event listener

  • While dragging

  • While hovering

Conditions are optional components in configuring interactions, unlike triggers and actions, which are mandatory. Conditions specify that an action should execute only if one or several criteria are met.

  • Animated textures

  • Animation

  • Breakpoint

  • Cameras

  • Highlight

  • Interactions

  • Materials

  • Sounds

  • Transformation

  • Variants

  • Visibility

  • Expression

Actions are a core component of interactions, defining what happens when a trigger activates and any specified conditions are met.

  • Animated textures

  • Animation

  • Cameras

  • Download image

  • Highlight

  • Interactions

  • Link

  • Materials

  • Sounds

  • Transformation

  • Upload image

  • Variants

  • Visibility

  • Send event

  • Set variable

Events allow external communication with a project by adding to interactions, enabling connections between the project and external environments.

  • Event listener

  • Send event

Tips

Grouping Interactions

Grouping interactions helps organize and manage large sets of interactions more efficiently.

  • To create a group, select an interaction and right-click to choose the grouping option

  • Right-click on an existing group to ungroup it or delete with interactions

  • Double-click on a group to rename it

  • Hold Shift to select multiple interactions and group them together in one step

Object dropper

The Object Dropper tool simplifies object selection. Click the icon to activate it, then click directly on an object in the canvas to select it. The Object Dropper is available next to several dropdown menus throughout the interface.

PreviousVariantsNextTriggers

Last updated 7 days ago

Triggers
Conditions
Actions
Events (API)