使用TweenJS的FadeIn

Question

我正在尝试创建一个圆，例如，在TweenJS库中使用类似FadeIn的东西出现。

这是我到目前为止写的代码：

    var stage = new createjs.Stage("demoCanvas");
    var circle1 = new createjs.Shape(); 
    var x =circle1.graphics;
    x.setStrokeStyle(0.14, 'round', 'round');
    x.beginStroke(('#000000'));
    circle1.graphics.drawCircle(0, 0,10);
    x.endStroke();
    x.endFill();

    circle1.x = 250;
    circle1.y = 250;

    stage.addChild(circle1);
      circle1.addEventListener("tick", function(){
 createjs.Tween.get(circle1).to({alpha: 1,visible:true},1000);
});

Answer 1

你不能把tweenJs放在事件计时中，因为它们会触发每一个计时。

我举了一个例子：https://jsfiddle.net/nywsy1pp/

var stage = new createjs.Stage("canvas");

createjs.Ticker.addEventListener("tick", tick);

var circle = new createjs.Shape(
    new createjs.Graphics().f("#f00").dc(0,0,100)
).set({x:100,y:100});
circle.alpha = 0;
stage.addChild(circle);

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

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