Hi Guys,I am new to Hype. I was trying to create a simple interactive animation to practice. Unfortunately it seems my Animation Timelines is not working.

I have two buttons. If I click B1 it should display B1 text. If I click B2, it should display B2 text. Problem is when I run the animation both B1 and B2 being displayed even though I put those into different Timeline as oppose to Main Timeline.

The elements are the same objects regardless of timeline that tries to control it's properties to perform an animation.Look at the timelines as a tool to organise chunks/layers of operations in a single scheme.

You first need to set the text opacity in the main timeline to 0.

Then in each B1 and B2 timelines make sure the opacity matches what it is in the Main time line (0) for the start keyframe and the end keyframes are 100.

loosely speaking.. In most cases like this you will always set the main timeline first as the other timelines take their start properties for elements from this. ( In some cases you will override this, but thats a whole other ball game )

Loop animation -> loop timeline -> - add a keyframe at the end of the timeline you want to loop - add a new action in that keyframe: "go to time in timeline(name)"- set the desired time - add in that same keyframe another action: "continue timeline(name)".

You'll see you can control other timelines through this and even loop timelines backwards.