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
          • AR (action)
          • Animated texture
          • Animation
          • Cameras
          • Download image
          • Highlight
          • Interactions
          • Materials
          • Link
          • Sounds
          • Transformation
          • Upload image
          • Variants
          • Visibility
          • WebXR (action)
          • 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
  • To (state)
  • Transform
  • Target
  • Transformation
  • Ease type
  • Tutorials
Export as PDF
  1. Documentation
  2. 3D configurator
  3. Interactions
  4. Actions

Transformation

PreviousSoundsNextUpload image

Last updated 1 month ago

The Transformation action allows defining object states and configuring transitions between them. State changes include modifications to an object's position, rotation, and scale.

The target can be either a specific object or Selections.

To (state)

Defines the target state for the transition. A new state can be created, an existing one selected, or the object can be reset to its base state.

  • To create a new state, click the plus icon.

  • To select an existing state, choose it from the drop-down list.

  • To rename a state, click on the drop-down list and change the default "Transform" name to a custom one.

Transform

Target

Target - Specifies the target location or object for the transformation.

  • Object — No specific target is selected.

  • World — Moves to a predefined world position.

  • Trigger — Moves to an object acting as a trigger in the interaction, following it even if it moves.

  • Pointer — Uses the cursor as the target.

  • [Any object] — Moves to a selected object.

Transformation

Configures the changes applied to the object in the selected state, including position, rotation, and scale.

Variables and expressions can be used for precise adjustments

Disabling transformations

Ease type

Determines the easing method for transitioning to the selected state.

  • Constant — Instantly switches to the new state, considering duration and delay.

  • Linear — Moves at a constant speed without acceleration.

  • Ease auto — Provides the smoothest transition.

  • Ease in & out — Accelerates at the beginning and decelerates at the end.

  • Ease in — Starts slowly and then transitions instantly.

  • Ease out — Starts instantly and slows down toward the end.

Tutorials

Each type of transformation can be temporarily disabled by clicking the position, rotation, or scale icon.