背景 tileSprite 尺寸过大

Question

我正在使用移相器框架创建一个简单的平台游戏。我已将背景图像添加为 tileSprites 以提供视差背景。它们都出现在游戏中，但是它们的尺寸过大，大约是我预期高度的两倍。

精灵资源大小 - 2048 x 1024
游戏世界大小 - 2400 x 1024

添加 tileSprite

preload: function () {
    this.load.image('far-background', 'assets/far-background.png');
    this.load.image('near-background', 'assets/near-background.png');
},
create: function () {
    this.farBackground = this.add.tileSprite(0,0, 2400, 1024, 'far-background');
    this.nearBackground = this.add.tileSprite(0,0, 2400, 1024, 'near-background');
}

如何让 tilesprite 垂直填充 canvas？

完整代码可以 found here 如果需要。

非常感谢任何帮助。

Answer 1

如果游戏中的 (tile)sprites 太大，您可以尝试使用 scale 属性来控制它们的大小：http://phaser.io/docs/2.2.2/Phaser.TileSprite.html#scale

下面是一个使用 scale 属性来控制精灵大小的例子：http://phaser.io/examples/v2/sprites/scale-a-sprite

希望这对您有所帮助:)

背景 tileSprite 尺寸过大

background tileSprite is over sized

phaser-framework