Very elegant. I like that you faded out the body when a pop-up is open. I think this reduces cognitive load. I also like that you have a label saying 'close here'. The interaction is very intuitive.
How did you use the marker w/out the associated text bubble appearing? I know you can trigger the layer with it...I know you can change the states of the marker...but I don't know how to make that box disappear...! TIA
Amar! Qué tal? Estoy próxima a iniciarme en el desarrollo de cursos y me gustaría hacerte unas preguntas porque me pareció bien interesante tu proyecto. Tienes algún medio de contacto. Serías de muchísima ayuda!!!
This an amazing piece of work. Very well done. I was looking exactly something of this sort for course.Can I ask how did you manage the full screen with storyline 2?
Hello Sakina,
Thanks for your kind words, in this demo i have removed each and every part from player skin like: menu, resources, glossary and title. And change the entire color to white as you can see in this demo....
Hope this will help you :)
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, i... Expand
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!!
Sorry Irina,
I think you are confused with animations, in storyline there is no mask option. So i have used wipe animation on dotted red line. I created a similar effect in storyline and here is the link of file hope this will help you definitely. Please download and have a look.
https://www.dropbox.com/s/w9tmj1np1p4eeli/Marker%20Sample.story?dl=0
Thanks
28 Comments
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, i... Expand