LogoLogo
  • πŸ“˜Knowledge Center
  • Before Getting Started
    • πŸ”·3D User
    • πŸ”·AI User
    • πŸ”·Merchandiser
    • πŸ”·Web Developer
  • CREATOR INTERFACE
    • πŸ”·Creator Home Page
    • πŸ”·Canvas / Workspace
    • πŸ”·Export
  • Creator
    • πŸ”·Getting Started
      • πŸ”ΉSign Up
        • πŸ”ΉHow to Sign up Using Gmail?
        • πŸ”ΉHow to Sign up Using Apple Id?
        • πŸ”ΉHow to Sign up Using Email?
    • πŸ”·Creator Navigation
    • πŸ”·Projects
      • πŸ”·How to use the Quick Access Tools?
      • πŸ”·View Port Settings
      • πŸ”·Generate AI 3D Models
      • πŸ”·Object
        • πŸ”·Upload Object
        • πŸ”ΉTransform
        • πŸ”·Node Hierarchy
        • πŸ”·Material Change
      • πŸ”·Scene
      • πŸ”·Image
      • πŸ”·Video
      • πŸ”·Audio
      • πŸ”·HDRI
      • πŸ”ΉLight
      • πŸ”·Text
      • πŸ”·Camera
      • πŸ”·Animation Timeline
      • πŸ”·Export
      • πŸ”·3D/AR
    • πŸ”·Assets
    • πŸ”·Community Showcase
    • πŸ”·Upload Your Catalog
      • πŸ”·Download Template
      • πŸ”·Upload File
      • πŸ”·Upload 3D Model
        • πŸ”·Product Information
        • πŸ”·Additional Details
          • πŸ”ΉColor Variant
          • πŸ”ΉInteraction
          • πŸ”ΉDimensions
        • πŸ”·Proceed to Preview
        • πŸ”·Supported Files Formats
    • πŸ”·User Management
    • πŸ”·My Profile
      • πŸ”ΉHow to Seek Help?
      • πŸ”ΉAbout
      • πŸ”ΉHow to Logout from Creator?
    • πŸ”·Guidelines For 3D Model Creation
  • IDE - Low Code
    • πŸ”·Getting Started
    • πŸ”·IDE Functions
      • πŸ”ΉAdd Object to The Scene
      • πŸ”ΉAdd Light to the Scene
      • πŸ”ΉAdd Environment to the Scene
      • πŸ”ΉAdd Background to the Scene
      • πŸ”ΉAdd Room to the Scene
      • πŸ”ΉAdd Text to the Scene
      • πŸ”ΉAdd Image to the Scene
      • πŸ”ΉShow/Hide Object
      • πŸ”ΉShow/Hide Image
      • πŸ”ΉAdd Scroll Break Points
      • πŸ”ΉAdd Animation to the Scene
      • πŸ”ΉAdd Model Transformation to the Scene
      • πŸ”ΉAdd Animation Block to the Scene
      • πŸ”ΉPlay GLB Animation (pre built in GLB file)
    • πŸ”·Examples and Tutorials:
  • Developer Documentation
    • πŸ› οΈHow to Integrate Avataar Experiences?
      • πŸ› οΈIntegration with Web Renderer (React Package)
      • πŸ› οΈIntegration with Web Renderer (Javascript Package)
      • πŸ› οΈIntegration with Android Renderer
      • πŸ› οΈIntegration with iOS Renderer
      • πŸ› οΈIntegration of Experiences via Creator (React Package)
      • πŸ› οΈIntegration of Experiences via Creator (Javascript Package)
  • Incarnate
    • πŸ”·Getting Started
      • πŸ”·Device Eligibility & Settings
      • πŸ”·How to Download 'Incarnate by Avataar'?
      • πŸ”·Sign Up
        • πŸ”ΉHow to Sign Up Using Google?
        • πŸ”ΉHow to Sign Up Using Apple ID?
        • πŸ”ΉHow to Sign Up Using Email?
      • πŸ”·How to Setup The Ideal Environment for Capture?
    • πŸ”·A Guided Tour Through the App
      • πŸ”·How to Choose an Object to Scan?
      • πŸ”·How to Use the Hamburger Menu Button?
      • πŸ”·How to Use the Floor Detection Feature?
      • πŸ”·Bounding Box
        • πŸ”ΉHow to Resize the Bounding Box?
        • πŸ”ΉHow to Adjust the Bounding Box?
      • πŸ”·How to Capture the Object?
      • πŸ”·How to Upload the Captured Object?
      • πŸ”·How to Ensure a Good Capture?
  • Release Notes
    • Version 2.4
    • Version 2.3
    • Version 2.2
    • Version 2.1
    • Version 2.0
    • December 1, 2023
Powered by GitBook
On this page
  1. IDE - Low Code
  2. IDE Functions

Add Animation to the Scene

addAnimation:

refId

objId of the object

optional(for camera)

string

initialPosition

default: [0, 0, 0]

optional

[float, float, float]

finalPosition

default: [0, 0, 0]

optional

[float, float, float]

initialRotation

default: [0, 0, 0]

optional

[float, float, float]

finalRotation

default: [0, 0, 0]

optional

[float, float, float]

initialScale

default: [1, 1, 1]

optional

[float, float, float]

finalScale

default: [1, 1, 1]

optional

[float, float, float]

initialOpacity

default: 1

optional

float

finalOpacity

default: 1

optional

float

leftX

use only for trigger: β€˜scroll’, default: 0 (starting point of your trigger)

optional

number

length

default: 200 (duration of your animation)

Optional (60 fps per sec 200 is the default fps)

number

// IDE.addAnimation({
    refId: objId,
    initialPosition: [0, -10, -2],
    finalPosition: [0, -3, 0],
    initialRotation: [0, 0, 0],
    finalRotation: [degreesToRadians(30), 0, 0],
    initialScale: [5, 5, 5],
    finalScale: [4, 4, 4],
    initialOpacity: 0.5,
    finalOpacity: 0.8,
 })
PreviousAdd Scroll Break PointsNextAdd Model Transformation to the Scene

Last updated 1 year ago

πŸ”·
πŸ”Ή