Click through transparent parts of a movie clip

Anyone have any idea how to do this?
I found an old post from January that suggested saving the original image as an SWF via Illustrator. I tried it, but my clip is still registering clicks in transparent areas.
Here's a link. http://www.aparch.net/Infant/Infant.html
All I'm trying to do is allow the drawing to be dragged around the screen, but I don't want it to be clickable in the transparent areas where the green background shows through.
Also, can anyone explain how to eliminate the pale cast that the transparent areas are making? The background to the drawing shows totally transparent in Photoshop, but the boundaries of the movie are visible because the supposedly transparent areas of the movie are slightly masking the background.
Maybe these two problems are related?

Well, that helped the transparency problem. It looks much cleaner now. But onPress is still registering all of the movieclip - including the transparent areas. What am I doing wrong? My movieclip has the following code -
on (press) {
startDrag(this, false, 100, 200, 900, 300);
dragging = true;
on (release, releaseOutside) {
stopDrag();
dragging = false;

Similar Messages

Multiple click points for one button and movie clip

I am trying to make a single button into a multiple click
point. I have a movie clip on the stage and I have an invisible
button over it. The movie clip consists of a single timeline that
has an ambient animation running and looping intially. I have three
more labeled sections of that timeline that each contain a
different animated sequence as click point animations for that
movie clip. I want the user to click on the button on the stage and
the first labeled click point animation of that movie clip will
play. I want that action to be stored so that when the user clicks
again then the second labeled click point animation will play then
they will click for the third in the same way. In between user
clicks I want the ambient animation loop in the beginning of that
movie clip timeline to play. When the user has clicked the 3rd and
last animated sequence then the whole thing will reset and be
available again. Can anyone let me know how that can be
accomplished. I originally scripted it through tell target to play
the first but I don't know how to move forward. Thanks!

What version of Flash are you using? Telltarget is very
old... try something like this:
// array of the animations
myAnims = ['firstAnim','secondAnim','thirdAnim']; // these
are also frame labels
// your current animation index in the array, arrays start at
0,
// so we start at -1 which is like before anything
currAnim = -1;
// function to play the next animation
function nextAnim(){
// add one to the current animation index
currAnim++;
// if you've reached the end of the array, start back at 0
if(currAnim >= myAnims.length)currAnim = 0;
// now tell the MovieClip to play based on the value of the
current array index
myMovieClip.gotoAndPlay(myAnims[currAnim]);
Then on the button you just put:
on(release){
nextAnim();
And at the end of each animation on the timeline, put:
gotoAndPlay(1);
And at the end of the ambient loop at the beginning I guess
you have that, too, so it loops.
Hope that helps

Click through transparent flex application

hi
I need to load transparent flex application (over div with intractive element) and have the posssibility to click through this application.
In flash profesional it is possible but in flex ?
thanks
E

any reply on this problem ?

Wow! CS6 let's you click through transparent areas in placed psd's!

I just noticed this, this is great!
If you cut out the background of a photo in PS and then place that in AI, you can now select things behind it as long as you click on a transparent area. Knowhattamean? Before, in CS5, if you clicked there you would still select the PSD.
Is there a list somewhere of all the improvements in AI CS6? You know the "little things"?

Actually, no. I thought that for a moment too. If I had Select Object by Path Only selected then I would be able to select a psd only by clicking on the outer border of it.
At some point when I first installed AI CS6, I was able to select the psd by clicking anywhere on the psd that wasn't transparent. And clicking in the transparent areas had no effect.
I thought that was great. And that's what I lost and am trying to get back again.

Mouseover/click transparent part of the image? Realistic?

Hi - i cannot find a way to make flex event system go through transparent part of the object. I want to be able to click inside the donut picture O and get to whatever object there is underneath it. I know i can get all the objects under the cursor, but is their an easy way to filter those wich have transparent pixel - the cursor pointing at?
Thank you!

Hi
I was trying to create component in which there will be three childs
1st child would be Image
2nd child would be Control(Image,TextInput,Button)
3rd Child would be my Image Again but in this image(i.e source as png) there would be a Transparent part through whch i can see my Control(2nd Child)
I want to get Event on my Control
Suppose if it Button Then May be Click or If that control is TextInput So i needed Focus on it
For making events to happen i made changes to 2 property Image(i.e 3rd child)
1. mouseEnabled=false;
2.mouseChildren=false;
Making this changes i achieved what i wanted
If any one has better solution then Let me know
Thanks
Virat Patil

OnRollOver sound in a movie clip object

Scenario: I have a frame with a quiz question and three answer options. The three answer options are movie clips. Their instance names are q1_soundA, q1_soundB, and q1_soundC. I want each option to make a different sound when rolling over them. My sounds are already in the library and they have been linked: each one has a unique identifier (a, b, and c) and "Export for ActionScript" and "Export in first frame" are checked. Under frame properties, sound is none, sync is event, and repeat is 1.
I have a separate layer with the following code in the first frame (the quiz question is in the second frame):
var snd_a = new Sound();
snd_a.attachSound("a");
var snd_b = new Sound();
snd_b.attachSound("b");
var snd_c = new Sound();
snd_c.attachSound("c");
gotoAndStop("q1"); // Go to the first question
// Sounds to be played as options in each question
q1_soundA.onRollOver = function () { snd_a.start(0,1); }
q1_soundB.onRollOver = function () { snd_b.start(0,1); }
q1_soundC.onRollOver = function () { snd_c.start(0,1); }
q1_soundA.onRollOut = function () { snd_a.stop(); }
q1_soundB.onRollOut = function () { snd_b.stop(); }
q1_soundC.onRollOut = function () { snd_c.stop(); }
Note: I also have three transparent buttons underneath each movie clip. I am using these buttons and some code to record the answers and calculate a score. This part is working fine though.
Problem: As soon as the quiz question frame is displayed, the first sound is played over and over again even if the cursor is not even close to any of the option answers. It doesn't matter where I move or click, the sound keeps playing all the time. I am new to ActionScript, so I'm not sure if I'm missing something somewhere. There is no code in any other frame or object.
Thanks in advance for your help.

Update: I found one "Over" frame event in one of the answer options which was playing the sound. I got rid of it and now my onRollOver code is doing nothing. The code stays the same as above.

Need help returning correct name from a code created movie clip

Hello. I am an AS3 n00b with hopefuly a simple question I am designing a simple game in flash. This code creates an array of movie clips and asigns a picture to each one. It is a map screen. What I need is when I click on one of the created movie clips, I need it to return either the index of the clip in the array or the name of the clip. Basicaly anything I can use to tell them apart in the code. Here is the code:
import flash.display.MovieClip;
var MapLoader:Array = new Array();
var strJPGext:String = ".jpg";
var intContTileNumber:int;
var strContTilePath:String;
var intDistStartX:int = 63;
var intDistStartY:int = 64;
var intDistMultiplyY:int = 0;
var intDistMultiplyX:int = 0;
var intDistCount:int = 0;
var MapSquare:Array = new Array();
for (var i:int = 0; i < 729; i++)
         //var MapSquare:MovieClip = new MovieClip();
        MapSquare.push (new MovieClip());
        MapSquare[i].x = intDistStartX + (intDistMultiplyX * 30);
        MapSquare[i].y = intDistStartY + (intDistMultiplyY * 30);
        MapSquare[i].name = "MapSquare" + i ;
        addChild(MapSquare[i]);
        intContTileNumber = i;
        MapLoader.push (new Loader);
        strContTilePath = intContTileNumber + strJPGext;
        MapLoader[i].load(new URLRequest(strContTilePath));
        MapSquare[i].addChild(MapLoader[i]);
        intDistCount++;
        intDistMultiplyX++;
        if (intDistCount > 26){
        intDistCount = 0;
        intDistMultiplyX = 0;
        intDistMultiplyY++;
stage.addEventListener(MouseEvent.CLICK, reportClick);
function reportClick(event:MouseEvent):void
    trace("movieClip Instance Name = " + event.target.name);
Now all this works fine, it creates the map and assigns the correct picture and places them in the correct X,Y position and it is the correct grid of 27x27 squares. The problem is with the name, when I click on the movie clip, it returns "Instance2" or "Instance5" or whatever. It starts with 2 and then increases each number by 3 for each clip, so the first one is 2, then 5 then 8 and so on. This is no good. I need it to return the name that I assigned it
. If I put the code in trace(MapSquare[1]) it will return the name "MapSquare1" so I know the name was assigned, but it isnt returning.
Please assist
Thanks,
-red

Thanks for the resopnse,
I know I dont really need the name, I just need the index number of the array, but I cant figure out how to get the index name without specificaly coding for it. That is why in the listener event I use event.target.name because I dont know what movie clip is being clicked until it has been clicked on. Basically when a movie clip is clicked it needs to return which index of the array was clicked.
I could do it this way:
MapSquare[0].addEventListener(
MouseEvent.MOUSE_UP,
function(evt:MouseEvent):void {
    trace("I've been clicked!");
MapSquare[1].addEventListener(
   MouseEvent.MOUSE_UP,
   function(evt:MouseEvent):void {
     trace("I've been clicked!");
MapSquare[2].addEventListener(
   MouseEvent.MOUSE_UP,
   function(evt:MouseEvent):void {
     trace("I've been clicked!");
... ect
but that is unreasonable and it kind of defeats the purpose of having the array in the first place. The code that each movie clip executes is the same, eventualy that index will be passed into a database and the data at that primary key will be retrieved and returned to the program. So I just need to know, when one of those buttons is clicked, which one was clicked and what is its index in the array.
I am a VB programer and in VB this is very easy, the control array automatically sends its own index into the function when one of the buttons is clicked. It seems simple enough, I just dont know how to do it in action script.
Thanks again,
-red

How can you make movie clips partially visible?

Okay, so this sounds simple, but I'm tottally lost... I'm a thirteen year old boy that has been using Flash for a little over 3 years. I program video games. I recently embarked on a game where one of the modes is to be split screen, player one gets the top half, player 2 the bottom. The promblem with this is that my game is based off of a moving background, where inorder to keep the main character centered the background moves instead of them. Becsause of this,when setting up split screen, the screen on the upper layer takes over the bottom because there would be more showing then there would be in the game: Parts would be off screen. I was wondering if there was anyway that using hitTest(s) (or some other method) you could make a movie clip partially visible/ invisible. I know the code for making something invisible when touching something else. But I was wondering if there was a way to make only the part of the movie clip touching another movie (it would have its alpha turned off... let's say it's a hitBox) or only the part of the movie clip touching the hitBox visible, invisible. Another way of looking at this is that I want a movie clip to be a small box, but inside I want their to be a huge picture. I want to make it so that when you move the picture different parts are viewable in this little box. And to make this as clear as I can... : I want to make a circle that I'll call the magnifying glass. I want to make an invisible picture that can be moved using code (I know that part). I want it so that when part of the picture is under the magnifying glass it's visible, not the hole thing, jus that circular area. Another reason I'd like to have this promblem solved is for a moving water effect. I want to make a movie clip and tween showing a square of rushing water, but without putting anything over parts of it (other than a hitBox) I want to make only a squiggly line of that water box visible. Thank you so much! =D I really hope you guys know! =D P.S. I also am currently using the trial of CS4, if that helps anything. But if it's only possible in AS3, then it's impossible to me because I use AS2 conservatively.

Thanks... but I think you've misunderstood my question. I suppose magnifying glass wouldn't be the right word... I just wanted to explain that I want only the part of one mc touching another mc to be visible. I hope this isn't confusing. I have no need to enlarge an image. I want to make a movie clip only partially visible. Check out the fla.

Movie Clips do not initialize!!

Hello there.
I have some "stop();" frames on the root and each frame conatins some movieclips.
When I click some button, I want these movie clips to initialize themselves, so I go to the previous frame and right after back to the current frame.
Some of the MCs load themselves again but some stay as they were!
HOW DO I SOLVE THIS PROBLEM?
10q.

Are the movieclips still present in the frame that you go back to? Do you store any varibles that define these movieclips that would not be reset when you go back to that frame?

Controlling a movie clip timeline

I am using a loaded movie clip in my movie. This script is on
a button:
loadMovie("largeWorks_mc.swf",_root.largeWorksE_mc);
Why can''t I control this loaded movie clip from a button in
another movie clip:
large1_btn.onPress = function (){
_root.largeWorks_mc.gotoAndStop(5);

quote:
Originally posted by:
Opera Rat
Yes, I'm loading largeWorks_mc into the target movie clip
_root.largeEmpty_mc.
Let me see if I can explain this better. If you look at the
old version (the one that loads the entire flash file at once), you
can see the different areas of the movie I am talking about. You
can see it at anthonysmithjr.com
There is nothing there for me.
and then view the gallery. I've just added about 50 new pics
and don't want to keep the gallery the way it is now - loading
everything at once. So each section of the gallery will load when
you go to it - large works and small works.
The thumbnails are a movie clip within the root movie. Then
the large version of the pics are another movie clip in the root
movie. So when your looking at the large work section your seeing
the main movie (the purple background and buttons) and 2 movie
clips (thumbnails and largeWorks). I no longer want large works
movie clip to load when the movie is opened because it takes too
long. So in a version that I have not put up yet I have the code:
gotoAndStop(6)
loadMovie("largeWorks_mc.swf",_root.largeWorksE_mc);
Ok.. this code will work just fine, but instead of having
both LoadMovie() and gotoAndStop() on the same frame, it might be
easier to simply have
gotoAndStop() on your buttons, THEN, on the frame that it
goes to and stops, have the loadMovie()
when you click on the large works tab. This loads the movie
clip of the large version of the pics and it also take you to frame
6 or the root timeline (where the large works thumbnail clip is
located).
So if you were to do what i suggested, on frame six you would
also have your LoadMovie() command.
When I click on a thumbnail in the movie clip
largeThumbnails_mc in the root movie it should tell the movie clip
that loaded next to it to go to the frame that contains that the
large version of that thumbnail.
yes you would use something like this to target it...
this. HOLDER . WHAT WAS LOADED . gotoAndStop()
im using that instead of your instance names because im still
abit fuzzy on what is loaded and when.
So I do want to control the only timeline in largeWorks_mc
(just 50 frames of pics) from the other movie clip in the root
movie. See the site and see if this is any clearer.
I really appreciate your help. I'm gutting my bathroom at the
same time I'm trying to get this thing to work and it's driving me
insane.
No problems.
________________________________________________

Movie clip not playing

i create some animation. actuvally i move mouse on button some menu visible, i click test button when play "boxani" Movie Clip.
but not playing. ?????
Test link
http://megaswf.com/serve/1185333
btn_mc.menu_mc._visible = false;
boxani_mc.stop();
btn_mc.onRollOver = function()
          btn_mc.menu_mc._visible = true;
btn_mc.onRollOut = function()
          btn_mc.menu_mc._visible = false;
btn_mc.test_btn.onRelease = function()
          boxani_mc.play();

any solution that type of animation method
like freedocast video player mouse over menu and click run action (16:9, 4:3).
http://www.freedocast.com/watchvideo.aspx?vid=531B426A31D72143109F

Unable to edit Flash file - Can't enter inside buttons/movie clips.

Hi
I am in the middle of creating a website using Flash CS5. I opened up my .Fla file one day to continue my work but I am no unable to access buttons and movie clips. When creating movie clips or buttons I am unable to get inside them, when I hover my mouse over them there is a white hand icon which never used to be there it was always just a normal mouse icon. I double click to enter inside the buttons/movie clips but nothing happens. This happens to existing movie clips and buttons on the page and even when I create new ones. Can anyone please help.. I really don't wanna have to start this website again!!
thanks!

Hi,
This would normally happen when you have a Button symbol on stage and the 'Enable Simple Buttons' setting is enabled.
Can you check in your Control menu, if the option 'Enable Simple Buttons' is enabled? If it is, click on the option to disable it and then try double clicking on your symbols.
In case you still face the issue, can you send across your test file for investigation.
Thanks!
-Nipun

Using an array to assign movie clips to buttons

Thanks in advance for any help you can give me!!
I've got 5 movie clip buttons. When a user rolls over a button, I want one movie clip to play. When a user clicks on that button, an alternate movie clip plays. I'm trying to use an array to assign certain movie clips to certain buttons and actions, but I'm not doing something quite right. I can get one button to work correctly, but then am having issues getting the other buttons to work.
Here is the code I have:
var currentPage:MovieClip;
var currentScreen:MovieClip;
var prevPage:MovieClip;
var currentButton:MovieClip;
var arrNavigation:Array = [{button:m1_mcButton, page:m1_mc, screen:s1_mc},
{button:m2_mcButton, page:m2_mc, screen:s2_mc}]
for(var i=0;i<arrNavigation.length;i++){
arrNavigation[i].button.buttonMode=true;
arrNavigation[i].button.addEventListener(MouseEvent.ROLL_OVER, onButtonOver);
arrNavigation[i].button.addEventListener(MouseEvent.ROLL_OUT, onButtonOut);
arrNavigation[i].button.addEventListener(MouseEvent.CLICK, onButtonClick);
function onButtonOver(e:MouseEvent):void
for(i=0;i<arrNavigation.length;i++) {
if(arrNavigation[i].button == e.currentTarget)
currentPage = arrNavigation[i].page;
currentPage.gotoAndStop("over");
function onButtonOut(e:MouseEvent):void{
currentPage.gotoAndStop("out");
function onButtonClick(e:MouseEvent):void{
for(i=0;i<arrNavigation.length;i++) {
if(arrNavigation[i].button == e.currentTarget)
currentScreen = arrNavigation[i].screen;
arrNavigation[i].screen.gotoAndPlay("over");

if your buttons are movieclips, use:
var currentPage:MovieClip;
var currentScreen:MovieClip;
var prevPage:MovieClip;
var currentButton:MovieClip;
var arrNavigation:Array = [{button:m1_mcButton, page:m1_mc, screen:s1_mc},
{button:m2_mcButton, page:m2_mc, screen:s2_mc}]
for(var i=0;i<arrNavigation.length;i++){
arrNavigation[i].button.buttonMode=true;
arrNavigation[i].button.addEventListener(MouseEvent.ROLL_OVER, onButtonOver);
arrNavigation[i].button.addEventListener(MouseEvent.ROLL_OUT, onButtonOut);
arrNavigation[i].button.addEventListener(MouseEvent.CLICK, onButtonClick);
arrNavigation[i].button.ivar=i;
function onButtonOver(e:MouseEvent):void
currentPage = arrNavigation[e.currentTarget.ivar].page;
currentPage.gotoAndStop("over");
function onButtonOut(e:MouseEvent):void{
currentPage.gotoAndStop("out");
function onButtonClick(e:MouseEvent):void{
currentScreen = arrNavigation[e.currentTarget.ivar].screen;
currentScreen.gotoAndPlay("over");

Goto a new frame and stop the current movie clip?

In cs5.5, I have a frame with a movie clip on it. When a user clicks a button, I want the movie clip to stop and the user to be directed to another frame. It is correctly redirecting to a different frame, however, the movie clip is still on the stage and playing. How can I modify the following code to make it not just go to a different frame, but also stop the movie clip that is on that frame from playing?
btn_1.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame);
function fl_ClickToGoToAndStopAtFrame(event:MouseEvent):void
          gotoAndStop(10);

That worked, it stopped the movie clip, however, the movie clip still shows on other frames. How do I modify the code to not only stop the movie clip but to make it disappear on the other frames?
Thanks!
btn_1.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame);
function fl_ClickToGoToAndStopAtFrame(event:MouseEvent):void
          movieClipInstanceName.stop();
          gotoAndStop(10);

Motn file transparent in fcp but same clip exp to mov file is black in fcp

This is not a problem per se as I have a fix but my question relates to understanding the why?
I have a short 4 second clip I made in Motion that is simply white text in a semi-transparent box that comes down from the top into the frame and then fades away. The background of the motion project is set to transparent, render is set to high quality. If I place the .motn file in a track in my FPC project and it is placed so that it is the track in the foreground of the frame, I get the usual red bar asking for a render. Composite mode on this track is set to Normal. I do a render and all looks fine. My text box comes down and fades away. My video in the background blends through fine and life is good. If, however, I render in Motion using Export, settings set to Animation Codec (http://www.kenstone.net/fcphomepage/motion_text_in_fcpspencer.html) and then replace the .motn file with the .mov file that was exported, my sequence is totally black from the overlay file. If, however, I then select this .mov in the track and set the Composite mode to Screen, it looks just like what my sequence looked like with the .motn file.
I know what is going on, but I don't know why. What is confusing is the .motn file is transparent in the foreground with Composite Mode set to normal but the .mov clip must be set to Screen to accomplish the same thing.
Inquiring minds would like to know why?

You need to make sure that
1) Motion is actually exporting an alpha and that
2) FCP is correctly interpreting that alpha
Just choosing the Animation codec when you export from Motion is not enough. You need to go to the Output tab Color is set to "Color + Alpha".
If you have done so and still don't get transparency (without changing the composite mode) in FCP, then select the project file, right-click and choose item properties, and check the alpha interpretation - if it says none, change it to premultiplied with black.

Click through transparent parts of a movie clip

Similar Messages

Maybe you are looking for