AS3 Determinging Stacking Order of Assets

[dada78 31 Likes (Newbie)]

Hi guys,

I am new to AS3 and am trying to figure out how I can determine which asset should be loading on top or below the current asset.

 

I would prefer to just have 2 physical mcs on the stage that I could load the assets into and layer them based on my preference.

 

Currently I have the following code and all I would like to do is make the container the assets are being loaded into a real movieclip on the timeline rather than a dynamically created one. How would I change the code in order to accomplish this?

 

Goal: To have img2.jpg loaded below img0.png

 

Thanks!

import com.greensock.*;
import com.greensock.loading.*;
import com.greensock.events.LoaderEvent;
import com.greensock.loading.display.*;

//create a LoaderMax named "mainQueue" and set up onProgress, onComplete and onError listeners
var queue:LoaderMax = new LoaderMax({name:"mainQueue",onProgress:progressHandler,onComplete:completeHandler,onError:errorHandler});


//append several loaders
queue.append( new ImageLoader("imgs/img1.jpg", {name:"photo1", estimatedBytes:22000, container:this, alpha:1, x:0, y:109}) );
queue.append( new ImageLoader("imgs/img0.png", {name:"img0", estimatedBytes:36000, container:this, alpha:1, x:55, y:114}) );
queue.append( new ImageLoader("imgs/img2.jpg", {name:"photo2", estimatedBytes:22000, container:this, alpha:0, x:500, y:109}));


//start loading
queue.load();

function progressHandler(event:LoaderEvent):void
{
	trace("progress: " + event.target.progress);
}

function completeHandler(event:LoaderEvent):void{
	var image2:ContentDisplay = LoaderMax.getContent("photo2");
	TweenLite.to(image2, .5, {alpha:1, x:0, delay:3});
	trace(event.target + " is complete!");
}

[Carl 9,066 Likes (Superhero)]

Place any movie clips you want on the stage anywhere you want in any layer and give them any unique instance names, let's say clip1 and clip2

 

Then you just use your instance names as your container properties in the ImageLoaders

 

queue.append( new ImageLoader("imgs/img1.jpg", {name:"photo1", estimatedBytes:22000, container:clip1, alpha:1, x:0, y:109}) );

queue.append( new ImageLoader("imgs/img2.jpg", {name:"photo2", estimatedBytes:22000, container:clip2, alpha:0, x:500, y:109}));

[dada78 31 Likes (Newbie)]

Great, thanks Carl!