Skip to content

Actions

Actions are an easy, but powerful, method of adding interactivity to your experience without having to write any code.

Actions can be added to a number of objects in Designer. To add an action, select on a component that supports interaction (buttons, text, images, videos and 3D). Once selected, an Actions dropdown will show in the Project Properties Panel.

In the actions dropdown, select the action you’d like to assign to the object (more information below), then fill in the relevant information based on the chosen action. Once complete, select Save.

Failing to Save the Action will result in that behaviour being unset.

Adding an Action to a component

Your saved action will clearly be displayed with an identification number, action type and any customizations that you have made.

On tap actions are triggered when the user taps on an object in the scene. By default, components will have No action assigned to them.

Below is a list of On tap actions that can be assigned to objects:

ActionDescription
No actionNo interaction assigned.
Links to SceneExperience is taken to the selected scene, an exit transition effect will be fired.
Links to Web PageLaunches to an external URL.
Plays SoundPlays audio file.
Take PhotoTakes a screenshot of your experience.
Animate objectPlays a pre-set animation, or 3D model’s embedded animation.
Animate ParticleStart, Stop, or Toggle the particle animation for any selected particle emitter in the scene.
Toggle VisibilityShow, Hide, or Toggle the visibility of any component in the scene
Links to Social NetworkLaunches into an external social platform.
Play VideoPlays a chosen video from the beginning.
Add course eventAdd Course progress or Course completion event to a component for the SCORM Export feature.
Dials Phone NumberAutofills the default device phone application with the inputted phone number.
Composes EmailCreates and fills an email in the default device email client.
Saves ContactSaves provided contact information into phone’s default contacts app.
EnlargesEnlarge a photo when tapped.

On finish events are triggered when an object has finished playing. This is only available for video components.

Below is a list of On finish actions that can be assigned to objects:

ActionDescription
No actionNo interaction assigned.
Links to SceneExperience is taken to the selected scene, an exit transition effect will be fired.
Links to Web PageLaunches to an external URL.
Plays SoundPlays audio file.
Take PhotoTakes a screenshot of your experience.
Animate objectPlays a pre-set animation, or 3D model’s embedded animation.
Animate ParticleStart, Stop, or Toggle the particle animation for any selected particle emitter in the scene.
Toggle VisibilityShow, Hide, or Toggle the visibility of any component in the scene
Links to Social NetworkLaunches into an external social platform.
Play VideoPlays a chosen video from the beginning.
Add course eventAdd Course progress or Course completion event for the SCORM Export feature.

Scene Actions are either triggered when the experience loads, or when using particular facial movements when using Face Tracking.

Below is a list of Scene actions that can be assigned On load:

ActionDescription
No actionNo interaction assigned.
Plays SoundPlays audio file.
Animate objectPlays a pre-set animation, or 3D model’s embedded animation.

Below is a list of Scene Actions that can be assigned via face events:

ActionDescription
No actionNo interaction assigned.
Links to SceneExperience is taken to the selected scene, an exit transition effect will be fired.
Links to Web PageLaunches to an external URL.
Plays SoundPlays audio file.
Take PhotoTakes a screenshot of your experience.
Animate objectPlays a pre-set animation, or 3D model’s embedded animation.
Animate ParticleStart, Stop, or Toggle the particle animation for any selected particle emitter in the scene.
Toggle VisibilityShow, Hide, or Toggle the visibility of any component in the scene
Links to Social NetworkLaunches into an external social platform.
Play VideoPlays a chosen video from the beginning.

Components can have more than one action assigned to them. To add multiple actions, you must first have at least one action assigned to your component. Once this has been done, click on Add new action in the Project Properties panel. You will then be able to create a new action as normal.

Adding multiple Actions to a component

Some actions will occasionally become unavailable. This happens if they are impossible or are attempting to be combined with incompatible existing actions.

You can easily edit an action to update it’s settings. To do so, first select a component that has an on tap or on finish action. Then, hover over the action you wish to change and select the options icon.

Editing an Action on a component

You can remove an action to delete it from the list of interactions. To remove an action, first select a component that has an on tap or on finish action. Then, hover over the action you wish to remove and select the trash can icon.

Removing an Action on a component