Actions

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

Adding an action

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

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:

Action Description
No action No interaction assigned.
Links to Scene Experience is taken to the selected scene, an exit transition effect will be fired.
Links to Web Page Launches to an external URL.
Plays Sound Plays audio file.
Take Photo Takes a screenshot of your experience.
Animate Model Plays a chosen animation from a 3D model's embedded animations list.
Animate Particle Start, Stop, or Toggle the particle animation for any selected particle emitter in the scene.
Toggle Visibility Show, Hide, or Toggle the visibility of any component in the scene
Links to Social Network Launches into an external social platform.
Play Video Plays a chosen video from the beginning.
Add course event Add Course progress or Course completion event to a component for the SCORM Export feature.
Dials Phone Number Autofills the default device phone application with the inputted phone number.
Composes Email Creates and fills an email in the default device email client.
Saves Contact Saves provided contact information into phone's default contacts app.
Enlarges Enlarge a photo when tapped.

On Finish Actions

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:

Action Description
No action No interaction assigned.
Links to Scene Experience is taken to the selected scene, an exit transition effect will be fired.
Links to Web Page Launches to an external URL.
Plays Sound Plays audio file.
Take Photo Takes a screenshot of your experience.
Animate Model Plays a chosen animation from a 3D model's embedded animations list.
Animate Particle Start, Stop, or Toggle the particle animation for any selected particle emitter in the scene.
Toggle Visibility Show, Hide, or Toggle the visibility of any component in the scene
Links to Social Network Launches into an external social platform.
Play Video Plays a chosen video from the beginning.
Add course event Add Course progress or Course completion event for the SCORM Export feature.

Adding multiple actions

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.

Editing 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

Removing Actions

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
zapcode branded_zapcode i