Mutually-exclusive timelines


#1

Hey gang,

New to the forums and to Hype, but enjoying and respecting both. Bravo on creating such a supportive community. I’m using hype for prototyping at the moment.

I’m trying to set up mutually-exclusive Timelines such that if you press one button, it retreats the action of another timeline. For example, pressing Button Red grows a Red Column, but Button Green grows a Green Column, and shrinks the Red Column. I observed in the tutorial videos that using relative keys works by using multiple scenes. I’d like to have it in one scene, as this makes the project easier to maintain (yup, aware of Symbols to help with that too).

The goal of the attached simple project is to push a button to grow it’s associated rectangle, but shrink the others if they were pressed first. Thank you in advance!

(About to see if the drag and drop of the zip actually works :wink:

mutually-exclusive.hype.zip (18.4 KB)


#2

So I almost kinda have it working, in that I can click between two, but on the third selection, there’s a jump. I’ve attached this latest version…

mutually-exclusive.hype.zip (19.9 KB)


#3

Almost there :slight_smile:

mutually-exclusive-vDBear.hype.zip (18.7 KB)

Using relative keyframes you have to separate each animation on it’s own and the just use a combination of continue timeline and reverse timeline.

Look at the changes I’ve made and see if you can understand what I’ve done.


#4

Gorgeous, thank you immensely. This is quite illustrative - the difference between Continue and Start is subtle but your example now explains it better to me.

For those of you that haven’t downloaded the example, here’s the snapshot of DBear’s changes: