首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >CreateJS用Tween.js增加阴影offsetX

CreateJS用Tween.js增加阴影offsetX
EN

Stack Overflow用户
提问于 2015-07-09 06:18:42
回答 1查看 454关注 0票数 0

我有一个简单的雪碧片动画。

代码语言:javascript
复制
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");

这是我的影子:

代码语言:javascript
复制
animation.shadow = new createjs.Shadow("#000000", 9, 2, 10);

此外,我正在缩放和改变这个雪碧片动画与,,tween.js的位置

代码语言:javascript
复制
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);

我想增加阴影OffsetX在tweenJS动画,然后减少。

我怎样才能做到这一点?

下面是工作演示:

小提琴

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-07-09 08:15:04

只需添加一个事件侦听器。每当吐温的位置发生变化时,都会调用事件侦听器。http://createjs.com/docs/tweenjs/classes/Tween.html

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31309563

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档