Storyline States and animation

Sep 24, 2012

Can I create a state that includes an animation?  I want to animate a shape upon mouse hover.  For example, take a look at this template on template monster.  I want to re-create the animation and color change that occurs when you rollover each menu item.

I have tried simply adding the animation to the hover state but nothing shows up.  I also tried adding the animation to a new layer and setting a trigger that says to show that layer upon rollover, but that really doesn’t work either.

Any suggestions?

20 Replies
Simon Perkins

Hi Gordon

Check out a demo I did during beta back in Aug last year (wow, really that long ago?!).

You can ignore the mechanics of the demo itself and focus only on the buttons.  I can't remember the app I used - it allowed me to create multiple frames and save as a GIF (I think) so as to mimic an animation.  SL still sees this as a single image.  But there are limitations (as per my intro in that post).


Ashley Terwilliger-Pollard

Hi StatEase,

Thanks for sharing the .story file - and it was my first real foray into lolcats - cute! 

So with the set up you have right now, the items do shift down, left or right based on which one you hover - and that seems to look good. If you'd like to add animation you won't be able to add it to the states themselves, but you could set it up with layers. So what you'd set up is to show the layer when the user hovers, and then once the layer starts animate out the elements. You'll probably need to play with this a bit to get the desired look and feel. 

This discussion is closed. You can start a new discussion or contact Articulate Support.