My solution is pretty similar to the code from the other forum post; it operates on the same principle with Custom Behaviors. Here’s what I did:
- I added two custom behaviors to the animation.hype (child) document that will continue the timeline (“continueTimeline”) and continue the timeline in reverse (“continueTimelineReverse”)
- On the same animation.hype I added the code from the other post to the head
- On the controls.hype, I added the triggering code with a change in how it finds iframes (as a button triggering is different and wouldn’t work right) and replacing the customBehavior names. Each button uses the same code but with the customBehaviorName being different.
I’ve attached the documents:
parent-child.zip (398.3 KB)
(Also note that I changed the iframe to just be “animation.html” so you’ll need to export both together)