gpt4 book ai didi

javascript - CreateJS 使用 Tween.js 增加阴影 offsetX

转载 作者:行者123 更新时间:2023-12-03 09:36:53 26 4
gpt4 key购买 nike

我有一个简单的 Sprite 表动画。

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);

我还使用 tween.js 缩放和更改此 Sprite 表动画的位置

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

最佳答案

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

关于javascript - CreateJS 使用 Tween.js 增加阴影 offsetX,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31309563/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com