Flash navigation buttons in Storyline
Jan 06, 2015
Hello, I have followed thoroughly all available threads about how to use the flash as navigation within articulate storyline 2, however I have arrived to several issues:
please have a look at the storyline file and the flash.fla
within flash FLA file the following code is being used (it has been tested in flash and works very well within any flash application)
import mx.transitions.Tween;
import mx.transitions.easing.*;
mc_mouse.onRollOver = function() {
var xscTweenOver:Tween = new Tween(this, "_xscale", Elastic.easeOut, this._xscale, 150, 2, true);
var yscTweenOver:Tween = new Tween(this, "_yscale", Elastic.easeOut, this._yscale, 150, 2, true);
};
mc_mouse.onRollOut = function() {
var xscTweenOver:Tween = new Tween(this, "_xscale", Elastic.easeOut, this._xscale, 100, 2, true);
var yscTweenOver:Tween = new Tween(this, "_yscale", Elastic.easeOut, this._yscale, 100, 2, true);
};
mc_mouse.onRelease = function (){
_level0.ArtAPI.PlayNext();
};
-------------------------------------------------------------------------------------
the dotted line is used here for separating code content
-------------------------------------------------------------------------------------
mc_mouse.onRelease = function (){
_level0.ArtAPI.PlayNext();
the code above(two lines) do not work in Articulate Story line 2
neither does the adding of a trigger to the flash video
2. second problem is - when revisiting the slide (even though reset to initial state is being set) the flash stops working
My goal is to use the elastic hover effect as menu item in articulate for people "who cannot read...good" :)
I also tried
_level0.ArtAPI.PlaySlideNum(2);
to no avail.
If any one of you can help either discussing or solving these issues, I will really appreciate .
Thanks.
To reiterate:
1. the flash button with attached code does not move the user to the next slide
2. the flash button deactivates when returning back to the same slide.
2 Replies
Hi Mehdi,
Love the elastic effect. I don't know enough about AS2 and Storyline, but I might have a solution that could help. Won't require any coding.
You'll have to split the animation to two pieces. 1) Normal to Enlarged size, and 2) Enlarged size to normal size (optional).
In Storyline add a transparent shape about the size of your animated button. Add a hover state. Add the normal to enlarged animation BEHIND the transparent object in the hover state. You can add the enlarged to normal animation to the normal state, but it may not be desirable since they will probably play every time a slide loads if the buttons are there.
Then just add the trigger to the button and you should be set. I've done something similar where I added a "flash" animation to a button when the user hovers over it to draw attention with a sound effect. It turned out pretty good.
Thank you Jerson, I tried your proposed solution, but it did not work for me.
This discussion is closed. You can start a new discussion or contact Articulate Support.