I found this really cool 3D image rotation on a Bank Website. I'd really like to build it in Storyline but I'm not sure where to start, or if it can be done!
I think it was Michael Hinze that did the 3d rotation. If you take a look at the link again Michael posted a link to the storyline file. I suggest downloading it to see it was done.
You are right it is more of a flip. You might be able to do this with states or with layers. I am going to play around a bit and see if can come up with something.
I've attached a story file that shows a flip using a hover state on the image. Can't really do anything exotic with the animation this way but it does reverse the image.
It sounds cool to rotate 3D image rotation, can you share a API for that i;m a programmer, I'm very curious. Here is a open suorce methods for 2D image rotation in any .NET Framwork.
It isn't quite what you have there but does have that flip feel. It uses a little movie clip of a white panel flipping. This is placed in a layer that can be replayed each time the user clicks the next button. Then all other pages are on layers above the animation layer. So, when the user clicks Next, it sets a page number variable to be one higher, plays the animation layer and right at the end of the animation layer it shows the layer for the next page.
You will notice we tend to use dark or very bright backgrounds because when you use color backgrounds in the animations, they don't always show up as the same color in Flash and HTML. Let me know if you have more questions.
10 Replies
I think it was Michael Hinze that did the 3d rotation. If you take a look at the link again Michael posted a link to the storyline file. I suggest downloading it to see it was done.
So it was! Sorry gents! I did look at the file, but the website works more like a flip.
You are right it is more of a flip. You might be able to do this with states or with layers. I am going to play around a bit and see if can come up with something.
I've attached a story file that shows a flip using a hover state on the image. Can't really do anything exotic with the animation this way but it does reverse the image.
Here's another idea... This was done using WMVs generated by Powerpoint 2010 and imported into a hover state.
Hi Andrew and welcome to E-Learning Heroes! Thanks for sharing.
It sounds cool to rotate 3D image rotation, can you share a API for that i;m a programmer, I'm very curious. Here is a open suorce methods for 2D image rotation in any .NET Framwork.
Thanks for sharing Timothy
Hey Natalie,
Just saw this. This could be done in javascript but would be messy and not work in the Flash output. I can explain how I put this together: http://elearninglocker.com/storyline_files/eLearningLocker_15001/story.html
It isn't quite what you have there but does have that flip feel. It uses a little movie clip of a white panel flipping. This is placed in a layer that can be replayed each time the user clicks the next button. Then all other pages are on layers above the animation layer. So, when the user clicks Next, it sets a page number variable to be one higher, plays the animation layer and right at the end of the animation layer it shows the layer for the next page.
You will notice we tend to use dark or very bright backgrounds because when you use color backgrounds in the animations, they don't always show up as the same color in Flash and HTML. Let me know if you have more questions.
It might be an older thread David, but other solutions and ideas are always welcome! :-)
This discussion is closed. You can start a new discussion or contact Articulate Support.