Center Next Nested Movieclip to Center of Stage

I have 4 image movieclips nested inside of a "strip" movieclip and want to move horizontally to the next image using a mouse event. It is not centering and I don't understand why the if statements aren't working.
import fl.transitions.Tween;
import fl.transitions.easing.*;
var targetX:Number = (stage.stageWidth / 2 - strip.img02.x - strip.img02.width) / 2;
var myTween:Tween = new Tween(strip, "x", Elastic.easeOut, strip.x, targetX, 3, true);
rightbtn.addEventListener(MouseEvent.CLICK, right);
function right(e:MouseEvent):void{
    if (var targetX:Number = (stage.stageWidth / 2 - strip.img01.x - strip.img01.width) / 2;)
        var targetX:Number = (stage.stageWidth / 2 - strip.img02.x - strip.img02.width) / 2;
        var myTween:Tween = new Tween(strip, "x", Elastic.easeOut, strip.x, targetX, 3, true);
    else if (var targetX:Number = (stage.stageWidth / 2 - strip.img02.x - strip.img02.width) / 2;)
        var targetX:Number = (stage.stageWidth / 2 - strip.img03.x - strip.img03.width) / 2;
        var myTween:Tween = new Tween(strip, "x", Elastic.easeOut, strip.x, targetX, 3, true);

please don't open duplicate threads.

Similar Messages

Movieclip registration point defaulting to top left of nested movieclip when placed on stage

basicaly there is a movieclip holding multiple movieclips with animations that pass from right to left making the overall registration point of the parent MC to somewhere right of the stage
in the parent movieclip there is a background that is the exact size and placement of the stage and the top left of that background is where the parents registration point is being loaded at..I
I'm not sure if this has any relivance but i defined the movieclip as a variable and placed that variable at the specified coords..
addChild(PLevel);
PLevel.x = w/2;
PLevel.y = h;
where w is the max width of screen and h is the min height
my registration for that moveclip would be the bottom of the movieclip centered on the stage background

I can't find anything of a question or problem in your posting. You mention three different locations for registration points, but I am unable to determine anything from your doing so.

Stop all movieclips on stage and it's nested movieclips

Looking for a way to stop all movieclips both are the stage and that are children of the ones on the stage.
I toyed with looping thru stage's children so I can first target clips on the stage. But I am getting error. Any help?
for (var i:int = 0; i < this.numChildren; i++)
     if (this.getChildAt(i) is MovieClip)
                    this.getChildAt(i).stop

You will get a different error if that was just a typo... a 1119 is a property error, a 1061 is a method error, which is what you should have been getting if you just had a typo in your posting and not in your code.    In any case, try casting the object to be a MovieClip and that should solve the probem...
if (this.getChildAt(i) is MovieClip){
     MovieClip(this.getChildAt(i)).stop();

How to stop and resume the animations of nested movieclips

Hi
I have many nested movieclips in different positions of the main timeline.
I have 2 buttons, play_btn and pause_btn.
I'd like when the user click pause_btn, the animations on the main timeline and in nested movieclips stop.
Whe he click play_btn the animations resume in both the main timeline and nested movieclips.
I have created array of nested movieclips on the main timeline.
var arr:Array = new Array(mc1, mc2, mc3, mc4, mc5);
play_btn.addEventListener(MouseEvent.CLICK, on_play_btn);
pause_btn.addEventListener(MouseEvent.CLICK, on_pause_btn);
function on_play_btn(e:MouseEvent):void
     gotoAndPlay(currentFrame);
     for(var i:Number = 0; i < arr.length; i++)
         if(arr[i] != null)
             arr[i].play();
function on_pause_btn(e:MouseEvent):void
     gotoAndStop(currentFrame);
     for(var k:Number = 0; k < arr.length; k++)
         if(arr[k] != null)
             arr[k].stop();
but it only stops the animations on the main timeline and dosen't stop the animations in the nested movieclips.
Help me Please.

I'm having the same issue.I have a main timeline, which has nested movieclips with there own timelines and motion tweens. Using the new motion tween, and not the classic tween, which may or may not be the problem.
Was having a similar issue with stopping the timeline, the main timeline would stop, but the nested movieclips would keep going. Found this blog post that helped.
http://blog.nobien.net/2009/02/05/as3-stopping-all-timeline-animations/
Used the code below to stop everything by passing the stage as the displayObject. Worked great, but now i'm having the reverse issue. When I resume play, the nested movieclip timeline stays exactly where I stopped it, and the main timeline resumes play. If there are a 100 frames in the nested movieclip, once it reaches the 101st frame, the main timeline kicks in again.
function stopAllChildMovieClips(displayObject:DisplayObjectContainer):void{
        var numChildren:int = displayObject.numChildren;
        for (var i:int = 0; i < numChildren; i++) {
            var child:DisplayObject = displayObject.getChildAt(i);
            if (child is DisplayObjectContainer) {
                if (child is MovieClip) {
                    MovieClip(child).stop();
                    stopAllChildMovieClips(DisplayObjectContainer(child));

Is there any way to save an image from a nested movieclip as a .png using PNGEncoder

Hello all,
I am new to AIR and AS3 and I am developing a small AIR desktop application in Flash CS5 that saves a user generated image locally to their computer.
The image is generated from a series of user choices based on .png files that are loaded dynamically into a series of nested movieclips via XML. The final image is constructed by a series of these "user choices".
Sourcing alot of code examples from here and there, I have managed to build a "working" example of the application. I am able to "draw" the parent movieclip to which all the other dynamic movieclips reside and can then encode it using PNGEncoder. The problem is that the images loaded dynamically into the nested movieclips show as blank in the final .png generated by the user.
Is there a way to "draw" and encode these nested movieclips or do I need to find another way? I can provide my clumsy code if required but would like to know if this concept is viable before moving any further.....
Thanks in advance....

Thanks for the files.......
Yeah I'm doing it in Flash but importing the images via an xml document. The problem isn't in being able to view the eyes (based on the selection of the user) its when I go to save the resulting image as a .png. When I open up the saved .png the eyes are blank even though they are visible in the swf
Even when the user clicks on the option to copy the image to the clipboard, it works as intended.
My only guess is there is an issue with the way my xml is loading (but this appears to work fine) or when the file is converted and saved.....
As I said I'm still learning but surely there must be a simple answer to this....
I have included the xml code I am using and also the save code to see if anyone spots an issue..... (I hope I copied it all)
// XML
import flash.net.URLRequest;
import flash.net.URLLoader;
var xmlRequest:URLRequest = new URLRequest("imageData.xml");
var xmlLoader:URLLoader = new URLLoader(xmlRequest);
var imgData:XML;
var imageLoader:Loader;
var imgNum:Number = 0;
var numberOfChildren:Number;
function packaged():void
rawImage = imgData.image[imgNum].imgURL;
numberOfChildren = imgData.*.length();
imageLoader = new Loader ;
imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadedImage);
imageLoader.load(new URLRequest(rawImage));
faceBG_mc.Eyes.addChild(imageLoader);
function loadedImage(event:Event):void
imageLoader.x = -186;
imageLoader.y = -94;
imageLoader.width = 373;
imageLoader.height = 186;
// Clipboard
btn_Copy.addEventListener(MouseEvent.CLICK, onCopyClick);
function onCopyClick(event:MouseEvent):void
var bd:BitmapData = renderBitmapData();
Clipboard.generalClipboard.setData(ClipboardFormats.BITMAP_FORMAT, bd);
function renderBitmapData():BitmapData
var bd:BitmapData = new BitmapData(faceBG_mc.width,faceBG_mc.height);
bd.draw(faceBG_mc);
return bd;
// Save faceBG_mc as .png
var fileRef:FileReference = new FileReference();
var myBitmapData:BitmapData = new BitmapData (faceBG_mc.width,faceBG_mc.height, true, 0);
myBitmapData.draw(faceBG_mc);
var myPNG:ByteArray = PNGEncoder.encode(myBitmapData);
function onSaveClickPNG(e:Event)
fileRef.save(myPNG, "myPNG.png");
So my problem is....
The final image is copied to the clipboard with the eyes visible - yes
The eyes appear in the image in the swf as intended - yes
When the image is saved as a .png and is meant to include the eyes, they are blank (see picture above)
I hope this helps.....
Thanks in advance

Changing a boolean inside a movieclip via the main stage.

I have a movieclip and within it is a bit of actionscript and a couple of different movieclips to make it function like the button on a ball point pen (you click it and it stays clicked until you click it again).
var booleanClick:Boolean = false;
var colorTransform:ColorTransform = optBox.transform.colorTransform;
optHitState.addEventListener(MouseEvent.CLICK, onClickHandler);
function onClickHandler(myEvent:MouseEvent){
     if (booleanClick == false ) {
          colorTransform.color = 0xB5CDE6;
          optBox.transform.colorTransform = colorTransform;
          booleanClick = true;
     } else {
          colorTransform.color = 0xFFFFFF;
          optBox.transform.colorTransform = colorTransform;
          booleanClick = false;
I have thirty-some-odd of these ball point pen movieclips on my main stage.
I want to be able to "clear" all the movieclips so that the optbox color is white and the booleanClick is false with a button that is on my main stage. Currently I've got it working for the optbox color, but when i try to trace out my boolean - it gives me nothing (not even an error).
var cClear:ColorTransform;
var optionArray = new Array ( mc1, mc2, mc3, mc4, mc5, mc6 ); // all my ball point pen movieclips are in this array.
clearButtons.addEventListener(MouseEvent.CLICK, goClear);
function goClear(e:MouseEvent):void {
     for (var i:int = 0; i < optionArray.length; i++) {
          cClear = optionArray[i].optBox.transform.colorTransform;
          cClear.color = 0xFFFFFF;
          optionArray[i].optBox.transform.colorTransform = cClear;
          trace(optionArray[i].booleanClick + i);
          optionArray[i].booleanClick = false;
          trace(optionArray[i].booleanClick + i);
I don't want to get deeper into this monster of a project without making sure this is working first. Is my boolean working and just my trace statements aren't worded right or is my method to change the boolean wrong?

I'm not sure what you are trying to trace (boolean + number?), but try changing it to...
trace(optionArray[i].booleanClick, i);
and see if that's more like what you are expecting

Correct way to implement cache as bitmap to deeply nested movieclips? help!

I've been really stuck at this problem for a number of days and cant find any help online as to where im going wrong.
1119: Access of possibly undefined property CloudsNAnim through a reference with static type Class.
the setup as of now, there are 4 movieclips i want to cacheasbitmap. two copies of a vector movieclip called CloudS2 and two copies of one called CloudS4
those are in a movieclip holding them called CloudsNear and another movieclip holding that which holds an animation of the CloudsNear movieclip moving past the screen in a loop which is called CloudsNAnim
and that is inside the main level which is added to the stage called PlaneLevel
where do i place the cacheasbitmap lines in my code to load them into memory before I load the main movieclips
package
      // all my imports etc //
    public class MightyMend extends MovieClip
        public function MightyMend()
            // constructor code
            addChild(PLoading);                      //this loads my loading screen png to the stage
            stage.addEventListener(Event.ENTER_FRAME, loading); //reoccuring event listener happens as often as is set by FPS
          PlaneLevel.CloudsNAnim.CloudsNear.CloudS2.cacheAsBitmap = true;
            PlaneLevel.CloudsNAnim.CloudsNear.CloudS4.cacheAsBitmap = true;     //these lines dont work
        private var PLoading:Bitmap = new Bitmap (new PlaneLoading());
        private var PLevel:PlaneLevel = new PlaneLevel();
        public function loading(e:Event):void //
            var total:Number = this.stage.loaderInfo.bytesTotal;
            var loaded:Number = this.stage.loaderInfo.bytesLoaded;
            var percent:Number = loaded/total * 100;
            trace (percent);
            if (total == loaded) //checks if all bytes for all movieclips have been loaded
                stage.removeEventListener(Event.ENTER_FRAME, loading);
                onComplete();
                 //the rest of the code staes that when oncomplete it will remove the loading screen and add the plevel to the stage etc..

The movieclip is called Plane_Level but i had linked it to actionscript as a class nameed PlaneLevel
im not sure if that makes a difference but when iadded that declaration
the line :
private var PLevel:PlaneLevel = new PlaneLevel();
now gives an error
1046: Type was not found or was not a compile-time constant: PlaneLevel.
1180: Call to a possibly undefined method PlaneLevel.

Events and nested movieclips issue

Hi,
I am having the following issue with this navigation I am building. I am trying to build a 3 tear drop down navigation, where each buttons sub menu is placed inside that button. My buttons are actually just movieclips, so I have nested movieclips structured something like this:
Button_1
    -> Button_1_1
    -> Button_1_2
           --> Button_1_2_1
           --> Button_1_2_2
    -> Button_1_3
Button_2
Button_3
Each one of the buttons has their own class with it's event listenerens inside it. What happens now, is that when I click for example Button_1_2_1, I get it's event, but also, the event for Button_1_2 and Button_1. Initially, I fixed this, by attaching the events to a hitArea inside that movieclip, but now I am running into other issues and was wondering if there was a way to turn this off, so if movieclip for Button_1_2_1 is clicked, I only get the event for that one, not it's parents?
Thanks a lot for any help!

you're welcome.
p.s. in the future, please mark helpful/correct answers.

Nested MovieClips

I have a problem that I think is a simple one but I cannot seem to figure it out, and it has been 2 days of fighting wiht it so I am here to plea for help from the collective experts. Here is the issue.
I have created a movieClip which is just a rectangle shape that has an interior timeline which object tweens from a 2x200 pixel to a 200x200 pixel shape.
This movieClip has an instance name of menu_2.
After the tween happens inside menu_2, on the stop(); frame I have placed another movieClip with an instance name of mi_1. This clip is 100 x 35 pixels and site floating inside the menu_2 MovieClip. Inside this movieClip there is a timeline where there are a "the_start" and a "the_end" label on either end of the timeline each with stop(); comands and some graphics which change opacity.
What I cannot seem to get to happen is to activate the timeline inside the mi_1 MovieClip. What I would like to happen is that when the user mouses over the mi_1 movieClip, it triggers a number of events, along with triggering playing the timeline inside of mi_2.
Here is the code I have tried on the main (scene 1) timeline. None of which have worked.
menu_2.mi_1.onRollOver = function() {
     menu_2.mi_1.gotoAndStop("the_end");
mi_1.onRollOver = function() {
     mi_1.gotoAndStop("the_end");
menu_2.onRollOver = function() {
     mi_1.gotoAndStop("the_end");
menu_2.onRollOver = function() {
this. mi_1.play();
Here is the code I have tried inside the menu_2 MovieClip on the same frame as the mi_1 has been placed;
this.onRollOver = function() {
     mi_1.gotoAndStop("the_end");
mi_1.onRollOver = function() {
     gotoAndStop("the_end");
this.onRollOver = function() {
     this.gotoAndStop("the_end");
Nothing seems to be working.
I'll send anyone the FLA willing to help...
Help!
Forrest

That's what I thought too Ned. All the reseach I did, tells me that is how you access a nested movieClip in another MovieClip.
Your visible code works as it should, but I still cannot get the nested MovieClip to be affected by a call to action on the main timeline.
menu_2.mi_1.onRollOver = function() {
     menu_2.mi_1.gotoAndStop("the_end");
Did not do anything. I would have just used a button with roll over effects, but a button also seems to be masked inside the menu_2 mc.
aarrrg.

Stop all nested movieclips

Hello,
I made a series of nested movieclips, and to stop all motion i wrote this code:
on (press) {
MCinMCinMC.stop();
MCinMCinMC.MCinMC.stop();
MCinMCinMC.MCinMC.MC.stop();
MCinMCinMC.MCinMC1.stop();
MCinMCinMC.MCinMC1.MC.stop();
MCinMCinMC.MCinMC2.stop();
MCinMCinMC.MCinMC2.MC.stop();
MCinMCinMC1.stop();
MCinMCinMC1.MCinMC.stop();
MCinMCinMC1.MCinMC.MC.stop();
MCinMCinMC1.MCinMC1.stop();
MCinMCinMC1.MCinMC1.MC.stop();
MCinMCinMC1.MCinMC2.stop();
MCinMCinMC1.MCinMC2.MC.stop();
MCinMCinMC2.stop();
MCinMCinMC2.MCinMC.stop();
MCinMCinMC2.MCinMC.MC.stop();
MCinMCinMC2.MCinMC1.stop();
MCinMCinMC2.MCinMC1.MC.stop();
MCinMCinMC2.MCinMC2.stop();
MCinMCinMC2.MCinMC2.MC.stop();
This code works fine, but can somebody explain how to write this in a more compact way?

Thank you very much! This will save me an awful lot of typing.
The thing with me and actionscript is, when i read it, i understand what it does, but i have a lot of trouble writing it.

Responsive - group items resize and reposition to center of stage

Hi just wanted to ask again about responsive animate projects.
I wanted to make a responsive hero slider and I want a a group of elements to scale and reposition as the window is resize. Is this possible? No matter how I try some part of the elements don't resize or don't reposition toward the center of the stage. Please have a look at the screenshots below.
Then when the window is resized, the the grouped elements don't properly resize or stick to the center.
Please, any help would be much appreciated as I am drawing a blank on what other methods to do.

I am having a similar problem... I can't figure out how to get edge to reposition elements based on the screen size... They will scale with the screen... But to get an element that is on the top to move to the bottom for desktop and mobile does not seem possible...
I am sure you already fixed your issue as this post was back in august... But for your purposes I think you need to set the text to be applied positioning and then change the anchor from the left to the right... That should now tell edge to apply the positioning based on the distance from the right corner of the text to the corner of the screen... You should also probably switch that to a percentage based value so it will always be relative and centered based on the screen overall size...

Accessing stage from nested movieclip

I have the following code nested in a movieclip, how can I reference the stage correctly from that movieclip?
stage.addEventListener(KeyboardEvent.KEY_DOWN, reactToArrowKeys);
function reactToArrowKeys(keyEvent:KeyboardEvent):void
     if (keyEvent.keyCode == 37)
          trace("Left Arrow pressed.");
     else if (keyEvent.keyCode == 39)
          trace("Right Arrow pressed.");

there's never a situation that requires code be nested in a child movieclips and there are good reasons to avoid any significant (eg, more than a stop() ) code on child movieclips.

Recordings Appearing Small in Center of Stage

Hello All,
I am trying to recording using Adobe Captivate 4. Each time I record a new video, it appears small and centered within the slide which makes it difficult to edit. This is a recent issue. The image below shows an example of a recording and how it is displaying.
I am using Windows XP, Captivate 4 and recording a Software Simulation, Application Region. Any recommendations?
http://screencast.com/t/MGJjMzI4Nzg

Sorry, but you posted in the wrong forum; this one is only for discussions on the forums themselves. The Adobe Captivate forums are here:
http://forums.adobe.com/community/adobe_captivate

AS3 Playback control of nested movieclips

Hey all,
I'm trying to figure out how to control a movieclip symbol from the timeline.
I've created a Main Timeline with one symbol per frame, a labels layer and an action layer.
Each frame has its own label, and each action keyframe has a listener attached to the current symbol like so:
symb = title_mc;
symb.cacheAsBitmap = true;
symb.mask = f_mask;
symb.focusRect = false;
stage.focus = symb;
symb.addEventListener(KeyboardEvent.KEY_DOWN, mc_pager);
I need the following structure:
From Main timeline Frame
Identify symbol instance (labeled as <name>_mc)
Inside symbol timeline, play from first frame (labeled '0') until next labeled frame ('1' and so on)
stop and wait for next pg_down to start playing from next labeled frame to the following (i.e. '1'-'2'), or pg_up to start playing from the previous labeled frame (i.e. '0' - '1')
on last frame (labeled 'final') exit symbol focus and return keyboard control to main timeline to allow pg_down and pg_up to move to the next / previous frame. on pg_up on symbol.currentFrame == 0, do same.
This is the code I'm currently stuck with:
import flash.events.Event;
import flash.display.MovieClip;
import flash.events.KeyboardEvent;
stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE;
stop();
f_mask.cacheAsBitmap = true;
var symb:MovieClip;
symb = MovieClip(root); //assign symbol I want to be controlled by pg_up/pg_down
symb.focusRect = false;
symb.addEventListener(KeyboardEvent.KEY_DOWN, mc_pager); //add keyboard event listener
stage.focus = symb; //focus on current symbol
function mc_pager(e:KeyboardEvent):void{
    var myKey = e.keyCode;
    if (myKey == Keyboard.PAGE_DOWN){
        do{
            symb.play(); // it plays, then checks if the lbl is null or final, then quits
            trace("current: " + symb.currentFrameLabel);
        } while (symb.currentFrameLabel == null && symb.currentFrameLabel != 'final');
        symb.stop();
        symb.removeEventListener(KeyboardEvent.KEY_DOWN, mc_pager);
        stage.focus=MovieClip(root); //return focus to main timeline (in the next keyframes, the focus is on the nested _mc
    if (myKey == Keyboard.PAGE_UP){
        do{
            symb.prevFrame();
        } while (symb.currentFrameLabel == null && symb.currentFrameLabel != '0');
        symb.stop();
        symb.removeEventListener(KeyboardEvent.KEY_DOWN, mc_pager);
        stage.focus=MovieClip(root);
So far, I've tried several different things (including multiple eventhandlers) to no avail. This is what looks best so far, being logically sound (I think). But it doesn't work. Please, I need a hand with this.

use:
function mc_pager(e:KeyboardEvent):void{
    var myKey = e.keyCode;
    if (myKey == Keyboard.PAGE_DOWN){
symb.removeEventListener(KeyboardEvent.KEY_DOWN, mc_pager);
            symb.play(); // it plays, then checks if the lbl is null or final, then quits
            trace("current: " + symb.currentFrameLabel);
             symb.addEventListener(Event.ENTER_FRAME,checkNextFrameF);
    if (myKey == Keyboard.PAGE_UP){
       symb.addEventListener(Event.ENTER_FRAME,checkPrevFrameF);
function checkNextFrameF(e:Event):void{
if(i don't know what you want to check here || symb.currentFrame==symb.totalFrames);
        symb.stop();
symb.removeEventListener(Event.ENTER_FRAME,checkNextFrameF);
symb.addEventListener(KeyboardEvent.KEY_DOWN, mc_pager);
whatever else
function checkPrevFrameF(e:Event):void{
symb.prevFrame();
if(i don't konw what you want to check here || symb.currentFrame==1){
symb.removeEventListener(Event.ENTER_FRAME,checkPrevFrameF);
symb.addEventListener(KeyboardEvent.KEY_DOWN, mc_pager);
//whatever else

Nested MC's position regarding stage

Arrgh! Here it is.
I have a master MC that's added to the stage via
addChild(p2_mc).
Inside that p2_mc, i have others MC'S (added to the stage
manually, not via addChild).
One of them is instanced fond_mc
I want to position that fond_mc in the middle of the stage
using that line of code WHEN the stage is resized. Obviously, the
following line is into the resize function:
fond_mc.x = stage.stageWidth/2;
I works but returning faulty results because it uses left
corner of the mc instead of registration point, which is top and
center.
I tried all math formula i could think of to no results.
Keeps positionning the fond_mc wrongly.
I know this is related to registration OR stage measurement.
Is there a way to reset stage.stageWidth values INSIDE the
resize function?
Thanks!

ahhh. so then when the container is brought to the stage it
*is* being aligned at 0, 0 correct?
...> nope, it is aligned when created with this
var p2_mc:MovieClip = new P2;
MovieClip(root).addChild(p2_mc);
p2_mc.x = stage.stageWidth/2;
p2_mc.y = 0;
The problem is WHEN i resizes, the children clips INSIDE the
container has no references that i can understands.
As i said, when i add this inside the resize function at root
level, it works:
p2_mc.x = stage.stageWidth/2;
because in my test files, p2_mc is added BEFORE the resize
function kicks off. And the childs move accordingly around the
stage.
But in my project file, p2_mc is dynamically created only
when the user press a button. Therefore, the resize function isnt
seeing p2_mc first hands and gives me error.
I want to avoid adding ALL of my navigation clips to the
stage on frame 2 (after the preloader) and BEFORE resize function
is run. That would work i guess, but ill have to manually rendering
them visible or not.

Center Next Nested Movieclip to Center of Stage

Similar Messages

Maybe you are looking for