How can i flip an image from position A to position B?

newbie-question

#1

As title, how can i use animation flip and move an object from position A to position B ? Example like when you flip a page of a book.
Pls anyone may help me about this :frowning:


#3

I recommend you put your image in a dynamic panel. Add a second state to show the ā€œbackā€ of your image. You can use Set Panel State with an animation transition, such as ā€œflip leftā€ to show the other side. Then add a Move action to place the dynamic panel at position B. Play around with timing and move animation effects to get it to look the way you want.

Here is a quick demo
flip and move.rp (54.2 KB)

If you canā€™t get the exact animation effect you want and decide you really need to focus on visual detailsā€“instead of ā€œbasic conceptā€ā€“another approach is to create the animation in your favorite graphics/animation app and export to animated GIF. You can use a static version as State1 of a dynamic panel and the animated GIF in State2. Iā€™ve also gotten pretty good results by using a static PNG/GIF/JPG and setting that widgetā€™s selected style to an animated GIF. So to perform the animation on command, just set that widget to selected. Stop and reset by setting it to unselected.


#4

Yes! Thank you, exactly what i was looking for, thank you so much !


#5

New problem if you can help :frowning:
i messed up the order of each page when flip, i tried multi way but none works
Here is my problem exampleflip order problem.rp (3.6 MB)
I make it so you have to slide up/down to flip


#6

Bring to front

https://1zou2q.axshare.com

flip order problem_Fixed.rp (3.6 MB)


#7

thank you so much, iā€™m new to axure though :frowning: