Interactive Elements - Action Script

Report · Jul 08, 2015

Hello.

I have a question. I want to do interactive banner/animation for my website. The idea is, that banner will be interactive after invade and clicking by mouse. When I invade to some part of banner, I want to move element and then after click left button I want to show more information about my website. I show your graphic.

First version is before invade by mouse. Second when i take the mouse over Green Part of Brain, then show me bigger effect and the after the click I can see the information. I was try do this on buttons. But when i Use another effects in button module, the mouse reaction on more selection, not that only on green part.

So now, I know it's possible to do only in Action Script. Now I have a next problem, because i don't know Action Script. I need only this banner to my website. I was find a tutorial here: Flash drop down menu and linking them tutorial 1/2 - YouTube but this options "on (rollOver) dosen't work on CC 2015 version.

Did someone have tutorial or something like this where I can find help? Or maybe someone know how to do this? It's hard work? Has you see I have 6 elements to animate.

First is when i invade by mouse on one of this elements, next when i Click. I also want to animate this white text to look smooth.

By the end I want to pollogis for my english. I'm not from USA or England.

Can anybody help me find way?

Greetings

Report · Jul 08, 2015

If you use movieclips instead of buttons you can control what happens for the different interactions.

on(rollover) is Actionscript 2 code, which will not work in an Actionscript 3 file. The equivalent in AS3 would be along the lines of...

greenArea.addEventListener(MouseEvent.ROLL_OVER, doGreenEffect);

greenArea.addEventListener(MouseEvent.CLICK, showWhiteTextforGreen);

function doGreenEffect(evt:MouseEvent):void {

greenArea.gotoAndPlay(some_frame_number);

}

function showWhiteTextforGreent(evt:MouseEvent):void {

greenArea.gotoAndPlay(some_frame_number); OR greenText.animateIntoView();

}

The function code shown above is not to be taken literally. It is only an example to try to help guide you to think thru to a solution.

Report · Jul 08, 2015

Thank you so much for answer. I will try do this with this example

Greetings