Phaser.io地图集动画

时间:2017-06-23 13:14:34

标签: javascript html5-canvas phaser-framework pixi.js

  • 我从顶视图中在搅拌机中创建了一个汽车动画。并将动画渲染为图片序列。
  • 然后使用鞋盒创建了地图集,修剪alpha选项设置为True,以减小尺寸(cars.png,cars.js)

  • 现在我在Phaser播放动画,汽车停在一个位置,不会从一端到另一端。

  • 如何播放动画,以便Phaser在播放动画时读取sourceize。 来自搅拌机的图片渲染与相位器画布窗口相同。但是当我在Shoebox中修剪它以移除alpha时,我无法正确地锚定汽车。
  • 任何人都可以指出我可能缺少的东西。

enter image description here

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

1 个答案:

答案 0 :(得分:2)

Phaser将尊重并使用图集中的trim / sourceSize值,只要它已正确加载即可。您通常应该使用扩展名' json'对于数据文件,不是' js'。另外,你确定它绝对是HASH格式吗?如果删除该参数,Phaser会在检查时自动从源文件中找出它。

此外,在您的代码中,您创建了一个名为“汽车”的动画,但正在播放名为“' bus'”的动画。不确定您是否只是选择性地复制粘贴的代码,但动画密钥需要匹配。