Forum Discussion
How to animate a card flip?
Hello everyone,
I want to animate a card that flips when the user clicks, something like a memory card. By just changing the states, the card has no movement and the animation paths in storyline starts with the timeline, not by a click. Is there a simple way to realize that?
Really looking forward to your ideas! :)
25 Replies
Hi, Najam--
Thanks so much for this. How did you set the toggling square to swivel when clicked?
I've applied the "Swivel" animation in the revealed state. You can see that by selecting the square, go in state, edit 'revealed' state and see the animation tab in the Ribbon on the top.
By default, you cannot apply animation in a new state but there is a well known hack. Just edit the new state, click on the object, cut it and then paste it, you can now apply animations on it.
Thanks a lot this is very very helpful
Thanks a lot Najam!
Here is one that I use for flipping cards. The sample includes a one-way flipping card and a toggling flip card. They used state and 'swivel' animation giving a flipping effect when clicked. For toggling, I used a T/F variable to conditionally switch the states on click.
Use one-way flip for knowledge checks or quizzes and toggle for matching or review activities.
I've seen and used some of the suggested flip card in the community but this one is my most used. Hope it helps other people.
Thank you for this!
Thanks! This helped me today!
Fantastic Najam - followed your instructions and worked beautifully! Much easier than layers and the only option I've seen that allows you to toggle back :) Easy when you know how lol.
If I copied the right shortcut this may help. Gerry was very helpful
https://community.articulate.com/discussions/articulate-storyline/flip-card-interaction
Lots of suggestions in the forum for this topic.
https://community.articulate.com/discussions/articulate-storyline/flip-card
https://community.articulate.com/discussions/articulate-storyline/flash-cards-flipping-action
