Articulate Storyline 360 is one of the most powerful tool to create interactive, engaging and mobile friendly custom eLearning courses.
Articulate Storyline 360 is the latest version equipped with lots of new features. Still there are few activities which do not come as default and need customization. One of them is Typing Animation. In Articulate Storyline, there is no feature for typing effect. We can create this effect by splitting the text and sync each character with the timeline which is time consuming task.
You can download the plugin from download section at the bottom.
In Storyline 360, go to insert tab and click on “Web Object”. Then, insert “Typing Animation Plugin” folder and click OK.
Keep this web Object outside the design area so that it doesn’t appear on the screen.
Create two text variables as shown. We created the variables and named them as follows.
- TypeAnimate (variable1)
- AnimateText (variable2)
Note: You can modify “AnimateText” variable name. But, do not modify “TypeAnimate” variable name.
Create a text box. In the text box add “AnimateText” variable.
Create triggers as shown.
Trigger 1: Set “TypeAnimate” value when timeline reaches cue point.
Here you can add your content to animate the text.
In my case I have added ”TypeAnimate“ value equal to “Yes Godwin, what are you upto?”
Note: Here, we used cue point at which the animation should start. You can add this code to button or layer depending on your requirement.
Note: In the above code “AnimateText” is the variable that holds text you want to animate and “100” is speed.
Now publish your content. Once done, you can test your project.
Note: This doesn’t work in preview mode and also doesn’t work in offline mode for chrome.