[Controlling child index with xmlloader]

Thanks Carl.

 

Congrats on your article about Banner-style Animation with GreenSock-powered JavaScript, btw.

[Controlling child index with xmlloader]

Hi,

 

I'm trying to load in a specific display index order some images with xmlloader, but as they load they keep randomly changing order.

 

The only way I can achiev this is by setting maxConnections to 1, wich works fine but the total loading process becomes to long.

 

Is the xml file order relevant?

 

 

What is the correct way to control indexing of loaded children?

 

The code so far:

 

filelist.xml

 

 

<?xml version="1.0" encoding="UTF-8"?>

<data>

<ImageLoader name="bg" url="bg.jpg" load="true" x="0" y="0" />

<ImageLoader name="logo" url="logo.png" load="true" x="100" y="0" />

<ImageLoader name="aside" url="aside.png" load="true" x="100" y="0"/>

<ImageLoader name="main" url="main.png" load="true" x="0" y="0"/>

</data>

 

images.fla

 

 

//common imports needed for LoaderMax basics

 

import com.greensock.*;

import com.greensock.loading.*;

import com.greensock.events.LoaderEvent;

import com.greensock.loading.display.*;

 

 

import flash.display.Sprite;

import flash.display.MovieClip;

 

 

LoaderMax.activate([imageLoader, SWFLoader]);

 

//make sure none of the progress bars are showing;

totalProgressBar_mc.bar_mc.scaleX = 0;

progressBar_mc.bar_mc.scaleX = 0;

 

 

var queue:XMLLoader = new XMLLoader("filelist.xml",{name:"xmlDoc",

maxConnections:1,

onComplete:queueCompleteHandler,

onProgress:queueProgressHandler,

onChildProgress:imageProgressHandler,

onChildComplete:imageCompleteHandler

});

queue.load();

 

function queueProgressHandler(event:LoaderEvent):void

{

totalProgressBar_mc.bar_mc.scaleX = event.target.progress;

}

 

function queueCompleteHandler(event:LoaderEvent):void

{

trace("evertything loaded");

}

 

function imageProgressHandler(event:LoaderEvent):void

{

progressBar_mc.bar_mc.scaleX = event.target.progress;

}

 

function imageCompleteHandler(event:LoaderEvent):void

{

var loadedImage:ContentDisplay = event.target.content as ContentDisplay;

loadedImage.scaleX = loadedImage.scaleY = .5;

loadedImage.alpha = 0;

 

addChild(loadedImage);

 

TweenLite.to(loadedImage, .5, {alpha:1});

}

 

Thanks

[Wierd tweenlite pixel snapping - help!]

Problem fixed..

 

After removing the rotation properties no more pixel snapping.

 

Thanks anyway Jack for the reply.

 

()

[Wierd tweenlite pixel snapping - help!]

flag468x90.zipHi all

 

While trying out the new v12 GSAP with a small 468x90 banner I noticed the background image shifts a few pixels, like a quick snapping movement once it starts to loop via a label in the timelinelite.

 

Why is this happening?

 

The bg image is img_fundo_mc.

 

Thanks for your help.

 

The code:

 

 

import com.greensock.*;

import com.greensock.easing.*;

 

var tl:TimelineLite = new TimelineLite({onComplete:loopBackground});

 

tl.append( TweenLite.from(img_flag_mc, .5, {x:"-=100", ease:Power4.easeOut}) );

tl.append( TweenLite.from(img_cursos_mc, .5, {y:"-=100", ease:Power4.easeOut}) );

tl.append( TweenLite.from(img_saber_mc, .5, {alpha:0, ease:Power4.easeOut}) );

tl.append( TweenLite.from(img_fundo_mc, 1, {alpha:0, ease:Power4.easeOut}) );

tl.insert( TweenLite.to(img_fundo_mc, 2, {x:-13, y:-16, scaleX:0.75, scaleY:0.75, rotation:-10, ease:Power3.easeInOut}), "loop");

tl.append( TweenLite.to(img_fundo_mc, 2, {x:-69, y:-168, scaleX:0.90, scaleY:0.90, rotation:10, ease:Power3.easeInOut}) );

tl.append( TweenLite.to(img_fundo_mc, 2, {x:0, y:0, scaleX:1.0, scaleY:1.0, rotation:0, ease:Power3.easeInOut}) );

 

 

function loopBackground():void {

tl.play("loop")

}