Forum Discussion

JeffMiller-b2d1's avatar
JeffMiller-b2d1
Community Member
2 months ago

Ordering of objects

I am trying to create a course with a comic book look and feel, with multiple panels on each slide, similar to what you would see in a comic book. I then want to be able to have each of the panels automatically zoom in, so the learner can see the information in each panel, as the narration discusses the information for that panel. I don't want to use the "zoom" feature, because none of the panels are exact squares, and I don't want part of one panel showing when I'm discussing the information of the topic panel. 

I believe I can do this using cue points and a custom state I'm calling zoom. Then when "timeline reaches Cue Point X, panel 1 will zoom in", then when "timeline reaches Cue Point Y, panel 1 will return to its normal size, and panel 2 will zoom in." This works, in theory. The mechanics of it are working, but the order in the timeline is my issue. Panel 1 is beneath/behind Panel 2, which is beneath/behind Panel 3, etc. When I use my trigger to zoom in on the individual Panel, it is still appearing behind that other Panels, as ordered in the timeline. 

Question - Is there a way to bring the panel I'm discussing, e.g. Panel 1 at Cue Point 1, to the front, and then have it return to it's normal position at Cue Point 2, so the other panels can appear?

Thanks for any assistance or thoughts you have.

  • KaneB's avatar
    KaneB
    Community Member

    Could you 'fake it"? Rather than zooming in you could have separate seen that you create at the end once you have compassed all your panels. This main screen or menu (but not interactive) with all panels showing and then just create as video that zoom and then jump the next slide with featured panels? Once that panel is explored return to next menu slide? 

  • Rather than making a zoomed state, consider a zoomed version of each panel on individual layers. The show layer trigger will bring the currently displayed layer to the top. You can overlay the layers atop your base panels however you like.

  • Maybe you can use javascript. PaulAlders has written a post about it on LinkedIn recently:

    https://www.linkedin.com/posts/paulalders_articulatestoryline-elearning-instructionaldesign-activity-7252026719946088448-CEdI/

  • Nedim's avatar
    Nedim
    Community Member

    What you're asking for is certainly doable, but it will require more time, additional triggers, and most likely motion paths to implement. It would be much easier and technically more efficient to display individual panels on separate layers, combined with object zoom and layer transition animations for a better user experience. This approach would also provide better control over the narration for each specific panel, allowing you to seamlessly transition to the next panel once the narration for the current one is complete. Example here: