Очень просто, как вопрос о затуханиях и выцветании

Question

Очень простой вопрос. Посмотрите на код ниже. Это очень простой погрузчик с панелью прогресса. Бар прогресса является символом на сцене под названием «Бар».

Все, что я хочу, - это исчезнуть в стержне, когда он заканчивает загрузку, и исчезнуть в изображении, которое загружается. Я попробовал ряд подходов без особой удачи.

    var loader: Loader = new Loader();
addChild(loader);

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
function completeHandler(evt:Event):void {
};

loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);

function progressHandler(evt:ProgressEvent):void {
    var percent: int = Math.round(evt.bytesLoaded/ evt.bytesTotal * 100);
    bar.width = percent;
};

var req:URLRequest = new URLRequest("encs1.jpg");

loader.load(req);

Заранее спасибо всем, кто может дать мне какие -либо указатели!

Answer 1

Gtween

Твинер

Tweenlite

Попробуйте одну из этих библиотек. Flash имеет встроенную библиотеку для Tweening, Fl.Transitions.tensition, но это не так хорошо, как это. Все три упомянутых также имеют очень похожий API.

Для вашего примера вы бы сделали это (с Tweener):

function completeHandler(evt:Event):void {
    Tweener.addTween(bar, {alpha:0, transtion:"easeOutQuad", time:.5});
    addChild(loader.content);
    loader.content.alpha = 0;
    Tweener.addTween(loader.content, {alpha:1, transition:"easeInOutQunit", time:.5, delay:.5});  
};

Это подтолкнет к бар с Альфа 0.

Шпаргалка для функций смягчения твинера

Answer 2

Я действительно не делаю много вспышки, но мой коллега любит Gtween для простой анимации.

http://www.gskinner.com/libraries/gtweenge/

Если вы проверете демонстрации, вы увидите, что сможете сделать некоторые продвинутые вещи, но, предполагается, очень просто сделать базовое выцветание и выцветать. Ниже приведен пример базовой анимации, установите ItemTot Между, второй подставной к себе и изменение альфа, чтобы быть свойством, которое вы хотите оживить, чтобы анимировать текущее свойство.

new GTween(itemToTween, secondsToAnimate, { alpha: 1 }, { ease:Sine.easeOut } );

Надеюсь, что это поможет вам немного, пока кто -то с большим знанием не сможет помочь.