Animated Timers in E-Learning #298: Challenge | Recap
Timers are a common element in game-based learning where time constraints play a role in the success or failure of a task. Timers can b...
Published 5 years ago
Version 1.0
Blog Post
Hi Dan,
Thanks for sharing. This was a really creative idea for a timer. I could definitely see using it for a load screen if I had media that took a while to setup, or changing the % value into an S value so that learners would see this in terms of seconds left.
That being said, I was a bit confused about how you set it up even after reviewing the storyline file. Can you help me to understand how you got storyline to continuously add (or subtract) 1 from the value of i? Just a cursory look at the trigger seems like that adding or subtracting event would only happen once on the slide rather than continuously.
Thanks for your insight!
Thanks for sharing. This was a really creative idea for a timer. I could definitely see using it for a load screen if I had media that took a while to setup, or changing the % value into an S value so that learners would see this in terms of seconds left.
That being said, I was a bit confused about how you set it up even after reviewing the storyline file. Can you help me to understand how you got storyline to continuously add (or subtract) 1 from the value of i? Just a cursory look at the trigger seems like that adding or subtracting event would only happen once on the slide rather than continuously.
Thanks for your insight!
Hi Kent!
Sure! It's actually pretty simple.
For slide 1-2
Lets start with the variable, that named i. Set a start value, like 0 to count up from 0 or 100 if you want to count down from 100.
- The Base layer has one trigger in the start to show the Timer layer
- The Timer layer has two triggers
1. This one add or subtract 1 to variable i (that's counter value) when the timeline reach a specific point. (add will count up, subtract will count down)
2. Restart/loops the Trigger layer and stops the loop when it reaches a specific number. This trigger also contains the stop of the loop like in Slide 1 "if o is less than 100" to stop at 100" and in Slide 2 "If i is not = 0" for the countdown to 0".
For slide 3
Only difference here is that instead of the Timer layer I put the two triggers in the Master slide instead (also called Timer)
Slide 4
For slide you just change the value 0.15s in the two triggers to 1s. Then the timeline on the Timer layer will play for one second, subtract 1 from variable t, restart the timeline, play for one more second, subtract 1 from t again and so on.
And for the animation "circle". it's just a Dial that uses variable t.
Hope my explanation helps, let me know.
Sure! It's actually pretty simple.
For slide 1-2
Lets start with the variable, that named i. Set a start value, like 0 to count up from 0 or 100 if you want to count down from 100.
- The Base layer has one trigger in the start to show the Timer layer
- The Timer layer has two triggers
1. This one add or subtract 1 to variable i (that's counter value) when the timeline reach a specific point. (add will count up, subtract will count down)
2. Restart/loops the Trigger layer and stops the loop when it reaches a specific number. This trigger also contains the stop of the loop like in Slide 1 "if o is less than 100" to stop at 100" and in Slide 2 "If i is not = 0" for the countdown to 0".
For slide 3
Only difference here is that instead of the Timer layer I put the two triggers in the Master slide instead (also called Timer)
Slide 4
For slide you just change the value 0.15s in the two triggers to 1s. Then the timeline on the Timer layer will play for one second, subtract 1 from variable t, restart the timeline, play for one more second, subtract 1 from t again and so on.
And for the animation "circle". it's just a Dial that uses variable t.
Hope my explanation helps, let me know.