Before Release 5: This article is for organisations that haven't moved to Release 5 yet. On Release 5, your scenes are on the left and the settings on the right: see Adding on-click actions.
Are you using Hyro with a setup consisting of multiple screens? Then you might have encountered a situation where you wanted to have a toggle on/off or change scene interaction affect something on another screen. Up until now this was only possible for triggers, but with the release of Hyro Deployment Package 9 (HDP9) we released this possibility for On-click actions as well.
In short
Hyro now supports the ability for the "Navigate to scene" & "Set asset visibility" On-Click actions to work across screens. You can access this functionality by using the renewed On-click action panel within the top bar of the story designer, after selecting an asset that supports On-Click actions. You can watch a tutorial here:
What are Cross Screen Interactions?
Cross Screen Interactions allow for experiences where an action on one screen impacts another screen. For example: If you press a button on screen 1, screen 2 will change to the next scene.
What actions are supported
At this time, Cross Screen Interactions are working with the "Navigate to scene" & "Set asset visibility" On-click actions types and the "Navigate to scene" & "Set asset visibility" trigger events.
How to use Cross screen interaction: On-click actions
Creating a "Navigate to scene" on-click action
As mentioned earlier, with the new Hyro Deployment Package 9 update we allow for the ability to have on-click actions on one screen to have the effect of other screens switching to different scenes. You can create this interaction by:
Opening the On-Click actions panel after selecting an asset
Clicking on the "Navigate to scene" button
Opening up the specific screen you want to switch to a new scene
Selecting one of the following options: "Next", "Previous" or selecting a scene after clicking on the "Select scene" button.
Elements of the interaction type "Navigate to scene" within the On-Click actions modal
💡 You can still set up a regular "non-cross screen" interaction by selecting a scene within the screen that you are currently working in
Creating a "Set asset visibility" on-click action
With the second type of on-click actions you can change the asset visibility by showing, hiding or toggling assets on the same or other screens.
You can add a "Set asset visibility" interaction by:
Opening the On-Click actions panel after selecting an asset
Click on the "Set asset visibility" button
Selecting the screen that contains the assets
Clicking on "Select assets"
Selecting the scene that contains your assets within the new panel that opened up
Selecting your target assets
Select 'Show asset', 'Hide asset' or 'Toggle asset'.
Elements of the interaction type "Set asset visibility" within the On-Click actions modal
💡 With HDP9 you can also target the on-click asset itself as a target, that way you can hide an asset by clicking on it.
Important note
When designing for setups with LiDAR or infrared touch technology, always keep a margin of approximately 10 cm around the edges of the canvas. Avoid placing content near the corners.
These areas are considered dead zones. Touch input is either not detected, or, in multi-wall setups, detected on the wrong wall.
Copying/moving assets with On-Click actions
Copying assets with On-Click actions can have a big impact based on where you copy to, starting with Hyro Deployment Package 9 the following applies:
Go to scene actions
Wherever you copy/move the asset to, even across screens, the On-Click action of Navigate to scene will remain active.
Set asset visibility actions
When you copy or move the asset with the on-click action of Toggle-asset to another screen, any on-click actions that are incompatible with the inactive scenes of this screen will be displayed in grey.
Previewing Interactions
As you are building your own story with cross-screen interactions, you can double-check and preview them using the preview feature, accessible by the button in the top-right corner.