Flip Animation Hover State

Apr 07, 2015

I am trying to create a hover state animation in SL2. The outcome I am looking for is when I hover over a shape, it flips over to reveal other information on the back side. When I move off of the shape it returns to the original state. I have seen/read all of the posts about flipboards, but this is not exactly what I am looking for. Does anyone have any ideas on how to get this working?

I have attached a file with a couple shapes that I was working with. (very, very, simple). It may put what I am attempting to explain into perspective.

Thanks in advance for any and all suggestions!

1 Reply
Chris Cole

Not sure exactly what you are looking for visually, but here are a couple of ideas that may or may not be helpful.

How you do this might depend on how much information you will be showing on the "flip" side. If it is not much, you could just use a state for your object and include the information in that state. Then use a trigger to change the state of the object on mouse hover.

However, you would not be able to do any animations on the state chages, so it would not really flip of transform in any way, it would just instantly change states. This approach could also possibly get messy for a number of other reasons, especially if you are showing a lot of information.

So, probably the better way would be to use a layer instead. Put your flip side info on a layer and use a mouse hover trigger on your object to show and hide the layer. You could add a transition to the layer or an animation (like the swivel animation) to the object/objects/group of objects on the layer.

Finally, using hover can be a little problematic. When you hover over something and then show something else, if the mouse is now over the newly revealed object then the original object loses focuses and everything gets put back to its original state, but then the original object has the focus with the mouse over it and so the other object is shown again, and so on giving you an unwanted effect. Using a click instead of hover would simplify things quite a bit.

Hope this helps.

Chris

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