Phaser.io 图集动画

Question

• 我在搅拌机中从顶视图创建了一个汽车动画。并将动画渲染为图片序列。

• 然后使用 shoebox 创建图集，将 trim alpha 选项设置为 True，以减小大小（cars.png、cars.js）

• 现在我在 Phaser 中播放动画，汽车被固定在一个位置，而不是从一端到另一端。

• 如何让动画播放，以便 Phaser 在播放动画时读取源大小。 搅拌器的图片渲染与移相器画布窗口相同。但是当我在 Shoebox 中修剪它以移除 alpha 时，我无法正确固定汽车。
• 谁能指出我可能遗漏了什么。

preload: function () {

this.load.atlas('carImg', 'images/cars.png', 'images/cars.js', Phaser.Loader.TEXTURE_ATLAS_JSON_HASH);

}

create: function () {

this.carSprite = this.add.sprite(300, 300, 'carImg');
this.carSprite.animations.add('car',Phaser.Animation.generateFrameNames('Car', 0, 200, '.png', 4), 18, true);
this.carSprite.animations.play('car',18,true);
}

Answer 1

Phaser 将尊重并使用图集中的 trim / sourceSize 值，只要它已正确加载。您通常应该为数据文件使用扩展名“json”，而不是“js”。另外，你确定它肯定是 HASH 格式吗？如果您删除该参数，Phaser 会在检查时自动从源文件中为您计算出来。

另外，在您的代码中，您创建了一个名为“car”的动画，但正在播放一个名为“bus”的动画。不确定您是否只是选择性地复制粘贴了该代码，但动画键需要匹配。