Choose Your E-Learning Challenge #378: Challenge | Recap
Challenge of the Week
This week, your challenge is to choose your e-learning challenge topic and build an example for that challen...
Published 3 years ago
Version 1.0
Blog Post
Fun! I have no idea how you achieved creation of this game. I'm curious to know how this all is put together.
Hi Yvonne! Sure thing. The graphic was sourced from BIG Immersive. The game uses the same concept as when you hit Pause/Play on a looping video. I'll attempt to break it down in a few steps:
1. Open a new Storyline file and add the background image with Luna missing.
2. Import Luna's cutout image as a .PNG file and rescale it to match its shell.
3. Drag Luna off-stage to the left and add a motion path so Luna ends up on the right side, off-stage. (Important: Your timeline, as well as the motion path, must be adjusted to end at 2 seconds)
4. Create a new layer and add a trigger to show the new layer when the motion path on Luna completes.
5. Create another trigger to pause timeline of the main slide when the user clicks Luna.
6. On the new layer, draw a hotspot over the entire area and add a trigger to resume the timeline on the main slide when the user clicks the hotspot
7. Duplicate your slide and add a trigger to jump to the next slide when the timeline ends.
8. On slide 2, drag Luna in the opposite direction, off-stage to the right then drag its motion path to end off-stage on the left side.
9. Leave everything else in place. You'll only need to add a trigger to jump back to slide one when the timeline ends on Slide 2.
10. Preview your entire project to view the result.
I have included the Storyline file for reference. Thanks.
1. Open a new Storyline file and add the background image with Luna missing.
2. Import Luna's cutout image as a .PNG file and rescale it to match its shell.
3. Drag Luna off-stage to the left and add a motion path so Luna ends up on the right side, off-stage. (Important: Your timeline, as well as the motion path, must be adjusted to end at 2 seconds)
4. Create a new layer and add a trigger to show the new layer when the motion path on Luna completes.
5. Create another trigger to pause timeline of the main slide when the user clicks Luna.
6. On the new layer, draw a hotspot over the entire area and add a trigger to resume the timeline on the main slide when the user clicks the hotspot
7. Duplicate your slide and add a trigger to jump to the next slide when the timeline ends.
8. On slide 2, drag Luna in the opposite direction, off-stage to the right then drag its motion path to end off-stage on the left side.
9. Leave everything else in place. You'll only need to add a trigger to jump back to slide one when the timeline ends on Slide 2.
10. Preview your entire project to view the result.
I have included the Storyline file for reference. Thanks.