CreateJS 增加阴影 offsetX Tween.js

Question

我有一个简单的精灵 sheet 动画。

var data = {
        images: ["public/images/coin.png"],
        frames: {
            width:  343,
            height: 342,
            count:  36,
            regX:   0,
            regY:   0
        },
        animations: {
            stand: [
                35
            ],
            head: [
                0, 35, 'head', 1
            ],
            tail: [
                0, 18, 'coin', 0.8
            ]
        }
    };

    var spriteSheet = new createjs.SpriteSheet(data);
    var animation = new createjs.Sprite(spriteSheet, "head");

这是我的影子：

animation.shadow = new createjs.Shadow("#000000", 9, 2, 10);

我也在缩放和改变这个精灵 sheet 动画的位置 tween.js

createjs.Tween.get(animation, { loop: false })
        .to({ scaleX:.7 , scaleY:.7, x: xCoord, y: yCoord}, 1100)
        .to({ scaleX: .3 , scaleY:.3, x: 200, y: 300}, 1100);

我想在 tweenJS 动画期间增加阴影 OffsetX，然后再减少。

我怎样才能做到这一点？

这是工作演示：

jsfiddle

Answer 1

只需添加一个事件侦听器。只要补间的位置发生变化，就会调用事件侦听器。 http://createjs.com/docs/tweenjs/classes/Tween.html

CreateJS 增加阴影 offsetX Tween.js

CreateJS increase shadow offsetX with Tween.js

javascript

easeljs

createjs

tween.js