Horizontally scrolling images with Tweener, remove white space

programming flash
1

Hello.

I’m using FP10, AS3 and the Caurina Tweener lib to make a horizontal scroller. It automatically scrolls movieclips from right to left, through a 500x500 picture frame.

Here’s my script:

import caurina.transitions.*;
import flash.events.Event;

stop();

fromBeginning();

function fromBeginning() {
    for (var i:Number = 1; i < 12; i++) {
        this["Pic"+i].alpha=0;
        this["Pic"+i].x=457;
}
    scrollPictures();
}

function scrollPictures():void {
    var delay = 0;
    var deltaDelay = 1.76;

    var fadeTime = 0.0;
    var speed = 5;

    Tweener.addTween(Pic1, {alpha:1, time:fadeTime, transition:"linear"});
    Tweener.addTween(Pic1, {x:-400, time:speed, transition:"linear"});
    Tweener.addTween(Pic2, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic2, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic3, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic3, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic4, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic4, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic5, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic5, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic6, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic6, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic7, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic7, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic8, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic8, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic9, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic9, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic10, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic10, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic11, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic11, {x:-400, time:speed, delay:delay, transition:"linear", onComplete:fromBeginning });
}

Each picture will start from the right edge of the window and scroll through the whole frame until it slides out of it on the left.
This whole thing should be an infinite loop.
The problem is that there’s a white space between the last and the first picture, so it doesn’t look like a proper loop.

Could somebody help me removing that white space, please?

Thanks!