Flash navigation buttons in Storyline

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
Jerson  Campos

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.