Create a ticker-tape message

Table of Contents

    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.

    TickerMessage.jpg

    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.

    TwitterAssetGrid.png

    Ticker-Twitter2.jpg

    Video Illustration

    Watch the video below to see the different steps explained above.