Adding Actions + Animations to Assets

Bring your presentations to life by adding actions to your assets.

You can add actions to the assets in your presentation such as fade in or out, rotate, scale up or down, and move. This article will show you how to add actions to your assets, what the available actions are, and also how to make those actions occur at just the right moment.

To see the actions you can set on any asset in your presentation, simply right click on the asset in the scene view or in the component graph. Once you add an action to an asset, you'll see that action appear in the component graph, and you can adjust properties of the action there so that it does precisely what you want.

Select an asset to see what actions are assigned to it. These actions will appear in the component graph.

By default, when you set an action on an asset in a slide, that action will happen as soon as someone navigates to that slide in your Vizible session. In other words, if you set an action on an asset that's in Slide 2 of your presentation, that action will occur as soon as participants in a Vizible session move to Slide 2 of your Presentation. All participants in the Vizible session will see the action take place. If you'd rather have an action occur when viewers of your presentation push a certain button or move to a certain spot, or after a certain amount of time has elapsed, you can use Proximity Sensors or Time Sensors to trigger actions as well.

In Presentation Designer, you can see a preview of all of the actions you've set on any particular slide when you select that slide in the slide view. Here I am setting a "Move To" action on Slide 2 to make a 3D model move upward, and I get a preview of the action when I re-select Slide 2.

Here are the different actions and what they do:

  • Move To: Move To lets you move an asset gradually to another position. You can adjust the Time of the action (how long it will take for the asset to move from its original position to the new position) in the component graph. In the GIF above, I'm setting a move to action to move my model of the earth from below the floor to above the floor to give it a more dramatic entrance in the scene.  I do this by adjusting the "y" value because that's the vertical axis. Because I want this action to be fast, I'll make the Time 2 seconds. To get a preview of the action, I select another Slide and then re-select Slide 2.
  • Rotate To: Rotate To lets you gradually rotate an asset around the front-to-back axis (roll), side-to-side axis (pitch), and vertical axis (yaw).
  • Scale To: Scale To lets you adjust the size of an asset by scaling it up or down, and you can scale it up or down on any axis. To scale an object proportionally, you need to change the x, y, and z properties in the component graph so that it scales equally on all of its axes.-
  • Fade To: Fade To lets you fade an asset in or out by changing its transparency, or "alpha". If you wanted an asset to fade in to view once a slide loads, you would set its initial alpha to 0 (see Set Alpha below) and then set a Fade To action that set its alpha to 1. Have a look:
  • Spin: Setting a spin action on an asset will give it a constant spin, and you can adjust which axis it spins on by changing the x, y, or z values of the "Spin" action in the component graph.
  • Hidden: Setting "Hidden" on an asset will make it invisible. If an object is already "hidden", then setting it again will make it appear. This toggle is useful if you want an asset to appear when users trigger a proximity sensor, or after a certain amount of time.
  • Grabbable: Making an asset Grabbable means that participants in Vizible sessions will be able to use the grabber tool to grab it, inspect it, and re-position. Here's a look at some people grabbing and inspecting some 3D models of shoes.

  • Set Position: Set Position lets you immediately change the position of an asset. When you change an asset's position in your scene using the transform tool, you're actually using a "Set Position". If you want to change an asset's position immediately (no animation like you would see with a Move To) with a Proximity Sensor or Time Sensor, you could put a Set Position on the asset while configuring your Sensor.
  • Set Rotation: Set Rotation lets you set the rotation of an asset. When you change an asset's rotation using the rotate tool, you're using a "Set Rotation".
  • Set Scale: Set Scale lets you change the size of an asset by immediately scaling it up or down, and you can scale it up or down on any axis. To scale an object proportionally, you need to change the x, y, and z properties in the component graph so that it scales equally on all of its axes.
  • Set Alpha: Set Alpha lets you change an asset's transparency, or "alpha". An asset with an alpha of 0 will be entirely transparent, and an asset with alpha of 1 will be entirely opaque.

Actions on Images, Videos, and Sounds

In addition to the above actions, there are special actions you can set on certain asset types.

On Videos, Videospheres, and Sounds:

  • Start Playing: If you want a video, videosphere, or sound in a slide to start playing as soon as users move to that slide, you can set the "Start Playing" action on that asset. To have one of thesee assets play after a certain amount of time, or to have playback triggered by user behavior, use a Time Sensor or a Proximity Sensor.
  • Looping: If you set the looping action on an asset, it will repeat indefinitely.
  • Volume: This lets you set the volume of any asset

On Videos and Images:

  • Frame: You can give 2D videos or images a Frame. The default frame is a Window, but you can also select "TV" from the Frame dropdown. Here's a look:

On videospheres and photospheres:

  • Expand: To expand out a videosphere or photosphere, you can use the expand action. This is also something you can trigger within a Vizible session using the Remote Tool, so only use this action if you want the videosphere or photosphere to be expanded out as soon as participants navigate to that slide. Expanding a videosphere or photosphere also draws the sphere over the rest of the scene, so any 3D models or other assets will be hidden while the sphere is expanded.


* indicates required