Skip to main content
Participant
July 8, 2015
Question

Interactive Elements - Action Script

  • July 8, 2015
  • 1 reply
  • 344 views

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


This topic has been closed for replies.

1 reply

Ned Murphy
Legend
July 8, 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.

Participant
July 9, 2015

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

Greetings