By a bizarre coincidence we've just completed an e-learning for kids which features a balloon popping game at the end. The set-up was quite straightforward;
Each balloon had 3 layers attached to it in this order:
1. Layer 1 - animated balloon image.
2. Layer 2 - a 'pop' gif and pop audio (optional but lots of fun!)
3. Layer 3 - the text you want to reveal post-pop.
The trigger instructions were:
On layer 1 - when the user clicks balloon image, hide this layer and show layer 2
On layer 2 - show layer 3 when the timeline starts on this layer; hide this layer when the timeline ends on the 'pop' gif.
Layer three stays visible whilst the kids pop the other balloons - so you need to uncheck 'hide other layers' in the layer properties.
It got a little more complex because we wanted the kids to pop all the balloons in any order, and for a new layer sequence to run after they'd done that. Plus animations etc. So we had to key in a few variables. However, you may not need those.
There are probably other ways to do it, but we found this ran smoothly and reliably, and the kids seem to love it!!
Here is the slide in its own Storyline file - feel free to copy the logic if it helps.
FYI - if you run the preview on it, actions are advanced by clicking the character speech bubbles, unless a 'next' or 'start' button shows up.
This is exactly what I was looking for (except for adults) I was not able to open the updated version, but my question is where oh where did you get the POP Gif?
10 Replies
Hi Shirley,
By a bizarre coincidence we've just completed an e-learning for kids which features a balloon popping game at the end. The set-up was quite straightforward;
Each balloon had 3 layers attached to it in this order:
1. Layer 1 - animated balloon image.
2. Layer 2 - a 'pop' gif and pop audio (optional but lots of fun!)
3. Layer 3 - the text you want to reveal post-pop.
The trigger instructions were:
On layer 1 - when the user clicks balloon image, hide this layer and show layer 2
On layer 2 - show layer 3 when the timeline starts on this layer; hide this layer when the timeline ends on the 'pop' gif.
Layer three stays visible whilst the kids pop the other balloons - so you need to uncheck 'hide other layers' in the layer properties.
It got a little more complex because we wanted the kids to pop all the balloons in any order, and for a new layer sequence to run after they'd done that. Plus animations etc. So we had to key in a few variables. However, you may not need those.
There are probably other ways to do it, but we found this ran smoothly and reliably, and the kids seem to love it!!
Here is the slide in its own Storyline file - feel free to copy the logic if it helps.
FYI - if you run the preview on it, actions are advanced by clicking the character speech bubbles, unless a 'next' or 'start' button shows up.
Happy to help further if you like :)
Good luck!
Paul
Wow!
You are an absolute star! thank you so much for sharing.
I will definitely give this a try.
Enjoy your day further😁
Hi Paul
Sadly I cannot open your storyline 360 file as the text scrollbar is not available in storyline 3 which is what I work on.
Support advised that if you have a backup of the course in the older storyline 360 version then I would be able to open it in storyline 3.
Appreciate your help and I am sure it looks absolutely fabulous!
Thank you
Yikes - that's annoying, it was created in the previous version of Storyline and so doesn't even use the scrolling textboxes.
However, all is not lost! One of my guys hasn't yet updated his Storyline so, hopefully, this file version (attached) will open in SL-3
Let me know if it works! :)
Fingers crossed,
Paul
It works!
Thank you so much, truly appreciate!
Hooray!!
Just hope it's useful to you now :D
Feel free to give me a shout if you'd like any more help or have any questions on it.
All the best,
Paul
Will do, thank you😁
Hi Paul
This is exactly what I was looking for (except for adults) I was not able to open the updated version, but my question is where oh where did you get the POP Gif?
Hi Carol,
That's great! Happy to help and of course, adults love popping balloons too :)
The pop gif came from Canva if I recall correctly.
Paul
Thank you for responding so quickly Paul.
This post was removed by the author