2017-08-10 38 views
-1

私はcreateJsに新しく、何かを手助けしたいと思います。何を達成しようとしているのかは、フェードインとフェードアウトのアニメーションですが、私はそれを正しいものにするか、あるいは何をしているかが正しい方向にあるかどうかを知ることさえできません。ここでは、コードです:私は、フェードイン5秒間滞在し、その後フェードアウトする車の画像を必要とするCreateJSを使用してフェードインとフェードアウトを作成する方法

https://jsfiddle.net/kw4ubpxf/

var stage = new Stage($('canvas')[0]); 


var car = new Bitmap('http://i.imgur.com/y0Yp1wp.png'); 
stage.addChild(car) 
car.x = 20; car.y = 20; car.alpha = 0; 

stage.update(); 

Ticker.addEventListener("tick", tick); 

createjs.Tween.get(car).to({alpha: 1},5000); 

function tick(){ 
     stage.update();  
    } 

。どんな助けでも大歓迎です。

答えて

0

すべてのDisplayObjectのアルファベットをフェードアウトさせることができます。

car.alpha = 0.5; 

手動で時間をかけて、それをフェードアウトするにはあまりにもハードではないですが、EaselJSを使用しているので、あなたにも、それをアニメーション化するTweenJSを使用する場合があります。

createjs.Tween.get(car) 
    .wait(5000) 
    .to({alpha: 0}) 
    .call(completeHandler); 

希望します。

関連する問題