Tin Can Toon
Feb 20, 2013
By
Patti Bryant
Has anyone seen the Tin Can Cartoon by Float at http://floatlearning.com/tincancartoon/#? I mention it not to discuss Tin Can, but instead because I think it's such an AWESOME way to get information across. You hover over each item in the cartoon strip and it "flips" to provide you with information. I wonder if something like this could be done in Storyline. Either way, it's an interesting way to present information.
P.S. If you check it out, click anywhere outside of the subscription screen to get rid of it and see the toon.
Keepin' the joy,
Patti
7 Replies
You're right, Patti, the user would certainly stay engaged! Thanks for the lead.
I had some problem keeping the cursor on the cell, so keep losing the text.
Maybe a trigger to keep the layer on until the next cell is clicked?
Would be fun to do this in Storyline, but it may be hard to get the flipping motion. Grow or fly-in could be alternatives to try.
I do not see any text - just pictures that flip :(
Did not last time either - anyone got any screenshots?
Bruce
Here are the first two cells.
Interesting that it works for some and not for others. I wonder what is causing that. I did a quick mock up using "hover" effects here. Basically, you could just have an image that appears when someone hovers over each "comic cell." I used Captivate to do this, but it could easily be accomplished in Storyline using layers, hover, etc. I think it could be an incredible way to "clean up" screens and also allow learners to explore.
Keepin' the joy,
Patti
Javascript turned off in a certain users browser would probably explain some viewing issues although I don't think you'd get any turning of the boxes at all if that were the case.
Thanks!
I have watched that twice now - and it makes a lot more sense now
Just tried in Chrome rather than IE and all text shows.
THANKS!
Bruce
It was all done with CSS transitions, very cool way of demonstration a visual graphic tied with textual information.
I can think of two ways of doing this with the same effect..
External Storyline
1. Creating a html page with similar setup and effects and then embedding it as a web app into storyline. (I'll jot this down as a future project)
2. Using flash and importing the animation.
Internal Storyline:
I would probably use different layers and the shrink/move effect. It will be a complicated setup buy you can achieve a neat effect.
This discussion is closed. You can start a new discussion or contact Articulate Support.