echo3D
🌐 Back to website💻 Go to console📺 Watch workshop💬 Discuss on Slack
  • Introduction
  • Quickstart
    • 🔑Register
    • 💻Access the Console
    • 🎲Add a 3D Asset
    • 📤Share it with Others
    • ❔Troubleshooting
  • Web Console
    • 📦Load a Collection
    • 💼Manage Pages
      • Content Page
        • Assets and Targets
        • Add Content
        • Edit Content
        • Share Content
        • Access Permissions
        • Version Control
        • Asset Hierarchy
        • Bulk Actions on Assets
        • Asset Commenting
        • Activity Sidebar
      • Metadata & Tags Page
        • Collection Taxonomy and Asset Specific Metadata
        • How to Add and Edit Metadata
        • How to Add Associated Files and Text
      • Collections and Sharing Page
        • Users Tab
        • Groups Tab
        • Collections
        • Collection Sharing Tab
        • Asset Sharing Tab
        • Security Tab
      • Customizer Page
      • Model Editor Page
      • Scene Editor Page
    • 🚚Deliver Pages
      • Locations Page
      • Users Page
      • Insights Page
    • 🕛Optimize Pages
      • Convert & Compress Page
    • 🎓Learn Pages
      • Tutorials Page
    • 👤Account Page
      • Profile Tab
      • Email & Password
      • Plans Tab
      • Credit Usage Tab
      • Notifications Tab
      • Delete Account Tab
    • ❓Help Menu
    • ⏬Downloads
    • 🎨Themes
    • 🔎Search
  • API
    • 🧩Objects
    • 🗨️Queries
    • 📊Data
      • 📑What Metadata is Stored
    • 🔼Upload
    • 🔽Download
    • ❌Delete
    • 🌳Entry Hierarchy
    • 🔄Convert
    • 🔃Compress
    • 📁Organize
    • ⏪Version
    • ⏬Locate
    • 🔎Search
    • 🖼️Search by Image or Model
    • Share Content
  • Unity
    • 🔨Installation
    • 🧰Using the SDK
    • 🔧Script Settings
    • 📐Transforming Content
    • 👩‍💻Edit Code
    • 🤳Adding AR Capabilities
    • ❔Troubleshooting
  • Unreal 4
    • 🔨Installation
    • 🧰Using the SDK
    • 🔧Demo Project
  • Web
    • 🔨Installation
    • 🧰Using the Package
  • Scene Viewer
    • 📲Deploy Experience
    • 📐Transforming Content
    • 🔢Embed into Website or App
    • 👩‍💻Add Code
    • ❔Troubleshooting
  • AR.js
    • 📲Deploy Experience
    • 📐Transforming Content
    • 🔢Embed into Website or App
    • ❔Troubleshooting
  • FaceAR
    • 📲Deploy Experience
    • 📐Transforming Content
    • 🔢Embed into Website or App
    • ❔Troubleshooting
  • React Native
    • 📩Fetching Data
    • 👩‍💻Edit Code
    • 🤳Adding AR/VR Capabilities
    • 📐Transforming Content
  • Swift
    • 🔨Installation
    • 🔢Displaying a Model Asset
    • 🤳Adding AR Capabilities
    • 🧰Using the SDK
  • Flutter
    • 🔨Installation
    • 👩‍💻Edit Code
    • 🤳Adding AR Capabilities
  • JavaScript
    • 🔨Installation
    • 🧰Using the SDK
    • 📩Fetching Data
    • 👩‍💻Edit Code
  • Python
    • 🔨Installation
    • 🧰Using the SDK
    • 🔧Demo Project
  • NVIDIA Omniverse
    • 🔨Installation
  • Adobe Substance 3D Painter
    • 🔨Installation
  • 🧰Using the Plugin
  • Blender
    • 🔨Installation
    • 🧰Using the Add-on
  • eCommerce Sites
    • 🛒Shopify
    • 🌐Wix
  • 3D Content
    • 🎨Content Creation
    • 💎Google Poly
    • 📦Objaverse
    • 💫3D Capture Apps
      • MagiScan
      • Qlone
      • ARitize360
      • SCANN3D
      • 3D Scanner
      • Didimo Xperience
      • Scaniverse
      • Metascan3D
      • Polycam3D
      • RealityScan
Powered by GitBook
On this page
  • Moving 3D Content
  • Scaling 3D Content
  • Using Touch Screen Gestures
  • Using Metadata
  • Rotating 3D Content
  • Using Touch Screen Gestures
  • Using Metadata
  • Adding Text to 3D Content
  • Controlling 3D Animations

Was this helpful?

  1. Scene Viewer

Transforming Content

Learn how to move, scale, and rotate 3D content in Scene Viewer.

PreviousDeploy ExperienceNextEmbed into Website or App

Last updated 2 months ago

Was this helpful?

Moving 3D Content

Move the model by tapping the screen with one finger and moving the finger around the screen.

Scaling 3D Content

Using Touch Screen Gestures

Scale the model by pinching the screen with two fingers.

Using Metadata

You can use metadata to persistently transform 3D content.

The following keys are words the system uses as pre-defined metadata keys to control transformations:

Keyword
Type
Options
Effect

scale

float

Any positive number. Default value is 1.

Grows or shrinks the hologram uniformly

Refresh the browser and relaunch the experiences after adding metadata with WebAR experiences for the changes to take effect.

Rotating 3D Content

Using Touch Screen Gestures

Rotate the model by placing two fingers on the screen and moving them in a circular motion.

You can also use two thumbs and move them up and down, each thumb in the opposite direction.

Using Metadata

You can use metadata to persistently transform 3D content.

The following keys are words the system uses as pre-defined metadata keys to control transformations:

Keyword
Type
Options
Effect

xAngle

float

Any positive or negative number.

Default value is 0.

Rotates the model on the x-axis

yAngle

float

Any positive or negative number.

Default value is 0.

Rotates the model on the y-axis

zAngle

float

Any positive or negative number.

Default value is 0.

Rotates the model on the z-axis

Adding Text to 3D Content

Controlling 3D Animations

Controlling animations requires that you to upload pre-animated 3D assets that have a built-in animations list.

The following keys are words the system uses as pre-defined metadata keys to control built-in animations:

Keyword

Type

Options

Description

autoplay

boolean

Either 'true' or 'false'.

Default value 'true'.

Play the default animation automatically.

animationsTrigger

string

Either 'click' or 'after'. Default value 'click'.

Play the next animation by clicking the model or automatically after the previous animation.

animation<X>_name

string

Any string that matches a name of an existing built-in animation in the asset's pre-defined animations list.

The animation's place in the sequence of the animations that is presented.

animation_loop

boolean

Either 'true' or 'false'.

Default value 'false'.

Play the animation once or in a loop. This option is available only if 'animationsTrigger' is not set to 'after'.

For example:

Key

Value

animation1_name

walking

animation2_name

running

If the content is too big or too small, go back to the console and to affect its transformation. After adding or changing metadata refresh the browser and relaunch the experiences for the changes to take effect.

If you can to further adjust the starting rotation of the model. After adding or changing metadata refresh the browser and relaunch the experiences for the changes to take effect.

Remember to after adding metadata with Scene Viewer experiences for the changes to take effect.

You can add annotations to the model using the .

Remember to after adding metadata with Scene Viewer experiences for the changes to take effect.

If you'd like to control built-in animations of the content, go back to the console and to control animations. After adding metadata, .

Remember to after adding metadata with Scene Viewer experiences for the changes to take effect.

📐
add metadata
add metadata
add metadata
relaunch the experience
relaunch the experience
relaunch the experience
relaunch the experience
Model Editor