Description

A ticker tape is an animated message scrolling continuously from one side of the screen to the other. IT is often used on television or in financial offices to display live messages.

There are several ways to create animated messages within Intuiface. Here we detail one of the simplest approaches.

How to

Animate simple text so it moves across the screen

• Use the Simple Text asset to create your text
• Move it outside of your scene
• Create a Timer trigger on the Text asset that will call a Move to action on itself.
  • The Move to action will move the Text asset from it's current side of the scene to the opposite side.
  • Timers on an item will run when that item is visible. Your Text asset is visible - just off the side of the screen - so the timer will run as soon as the overall scene becomes the active scene.
• Set the animation to repeat Indefinitely with a Jump to start reverse behavior.
  • With Jump to start, you won't see the Text asset move back to its starting point.

Adjust the Duration of the animation to change the scrolling effect speed.

Animate a list of elements, like an RSS or Twitter feed

• Modify the design & layout of your RSS or Twitter feed to a horizontal Asset Grid
• Enlarge the Asset Grid's width so that all contained elements are fully visible. Hint: width = item width * number of elements
• Move the Asset Grid outside the scene
• Create a Timer trigger on the scene that will call a Move to action on your Asset Grid
  • The Move to action will move the Asset Grid from it's current side of the scene to the opposite side.
• Set the animation to repeat Indefinitely with a Jump to start reverse behavior.
  • With Jump to start, you won't see the Asset Grid move back to its starting point.

Use the Swap Collection to animate your messages

• Add your RSS, Twitter or any external data source (like Excel or any API) feed to your experience, then add it to your Scene

• Change the default Asset Grid Collection for a Swap a Swap Collection

• Modify the design & layout of your RSS/Twitter/Content feed accordingly

• And finally, change the properties of the Swap Collection to something like this:

• The Slide transition combined with the Autoscroll will make your message content appear as if it was scrolling through your Scene.
• You can change the Direction to a Top to bottom for another effect.
• The Item display duration property will let you adjust the speed of the content displayed of the Scene.

NOTE: you can also your an Asset Grid with the Autoscroll behavior to replicate this effect.

The illustrated method above is available in this sample.

Video Illustration