This elegant labeled graphic interaction lets learners explore the different organs in the human body.
Published 10 years ago
Version 1.0
Blog Post
28 Comments
- can I have it to use at my lessons
storyline file - This looks wondefrul, thank you for sharing!
How did you manage to create the "masking" animation without really masking? (I mean, when transition can not solve it, such as in cases when red dotted line appears gradually, as if revealed under kind of a mask?).
Is it done in Engage or in Storyline?
Thank you!- Hello Irina,
I created in storyline 2 not in engage.
I have used Wipe animation for entrance from left direction and same wipe animation for exit in right direction.
Hope this will help you if any confusion please let me know...
Thanks- Dear Amar,
Thank you very much for replying!
I was confused with the red dotted line, which connects your clickable point (+) and the data layer, when user clicks to find out about an organ, and a data layer animation starts.
When a user clicks on (+) point, to open a data layer with explanation, there is a great animation of red dotted line, which is drawn on the screen gradually, as if something slides over and unmasks it.
I was wondering , how could you implement it with Wipe transition:
Suppose, I have a dotted line and I want to reveal it gradually. I imagine placing a white object on top of it (kind of a mask) and then when animation starts, this object slides away with Wipe. But - then this obstructing object would still be visible above all layers? I
And in your case, it seems that an invisible mask just glides away from the red dotted connection line.
So I boiled my brain , trying to reverse-engineer it, but couldn't solve it :)
Could you please share? :)
Many thanks!!
- I get 404 :(
- Sorry for inconvenience. Here is the updated link:
http://amarkulshreshtha.com/activity/bodyparts/story_html5.html
- Thank you for the updated link and really nice work!
- This is wonderful. Where did you get the vector image of the human body? I've been looking for one just like this!
- Thanks Faraz, you can use freepik.com for graphics.
- is it possible to share the file of this human body, I love it!
