Linking to multiple timelines in the same space

1

I’ve used multiple timelines before but only a few times. In this example I have a design that I thought should have multiple timelines in order to target/control those areas, but they all exist within the same space. But for come reason when I click on the circle navigation - 2nd from left, it will not load the timeline it calls.

Here’s the file if anyone has a few minutes to take a peek you can download it here.
https://davisandco.box.com/s/lifwulzowd9thujvimvf6jm4jbngnlbh

Thanks

2

The element with the click action to start/continue1 is within the navigation symbol. Symbols have their own timelines, so these actions are targeting the symbol’s version, and not the top-level scene’s timelines. The symbol version of “2-Music is” has no animations, so that’s why nothing is happening.

Because symbols can exist on multiple scenes or within other symbols, there’s no guarantee of having a specific timeline available to directly run. So to start the scene’s timeline, you have to do it a little bit indirectly using a feature called Custom Behaviors. It is basically a way to notify other parts of the document to perform an action. The steps to use this would look like:

  • Exit the Symbol so you are at the Scene level
  • In the Scene Inspector, click Add New Behavior in the Custom Behaviors section
  • Change the name “Custom” to something like “Play 2-Music is”
  • Set the action of this to Start Timeline… and select the “2-Music is” timeline
  • Enter the navigation symbol and select the desired “2-music is” element
  • (remove any existing actions)
  • Add an On Mouse Click action that is set to Trigger Custom Behavior and enter in the custom behavior name that you set earlier, “Play 2 Music Is”

And then it should work!

1 you have both start and continue timeline actions on this element, but generally will need only one. Start will always restart a timeline, whereas the Continue will play from its current playhead position and only restart if the playhead position is at the end and the “can restart timeline” box is checked

3

Thank you Jonathan. I have used Custom Behaviors in the past but my issue is that I only have the opportunity to work in hype once in a blue moon, so I’ve never become fluid or really grasped and retained what I was doing.

That being said, I implemented what you suggested, which was familiar, and I had success - and then i touch something that i swear i didn’t touch and it doesn’t work fully. This happens to me often in Hype and I’m sure it’s me - and not the app.

Here’s my latest if you have tie to take another peek and provide guidance. Thanks so much for everything.
https://davisandco.box.com/s/wmjadq6zh6y5gut57o3o5cwxvh9ytap7

Kathleen

4

Since everything is happening within the same space, do I need to hide or move whole sections off the live area? Every so often I try to use the display: hidden, but again - because I’m not savy with multiple timelines, this gets confusing for me. If I hide on one - I want it to be seen on another but it does not seem to work that way.

5

Once last comment :slight_smile: Something odd has happened where I feel that my preview is always stuck on this view. No idea why or how.

04%20AM
Screen Shot 2018-11-30 at 9.33.04 AM.png1396×904 839 KB

6

One last comment! I made each section into scenes and it seems to work fine now :slight_smile:

7

Glad you’re having success! To clarify, are you all good, or did you want some guidance on some of the aspects in the latest version?

8

I think I’m all good. Thanks so much :slight_smile:

1 Like