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

如何让tilesprites垂直填充画布？

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

任何帮助都非常感激。

Answer 1

如果游戏中的（平铺）精灵太大，您可以尝试使用scale属性来操纵它们的大小：http://phaser.io/docs/2.2.2/Phaser.TileSprite.html#scale

以下是使用scale属性操作精灵大小的示例：http://phaser.io/examples/v2/sprites/scale-a-sprite

希望这会有所帮助：）