在phaser中移动直线背景tileSprite的技巧是什么

Question

此代码用于从上到下填充背景。但是，我想将背景直接倾斜到相机视图。我需要使用什么技术来实现它？

preload: function() {
    this.game.load.image('road', 'assets/images/road.png');
},
create: function() {
    this.game.world.setBounds(0, 0, 1136, 640);
    this.road = this.game.add.tileSprite(this.game.world.centerX, this.game.world.centerY,    this.game.width, this.game.height, 'road');
    this.road.anchor.setTo(0.5); 
},
update: function() {
    this.road.tilePosition.y +=1;
}

这是我在这个游戏中找到的耕种背景的例子http://www.nickjr.com/paw-patrol/games/paw-pups-save-the-day/。

background image tile

任何人都可以给我一个线索吗？谢谢！

Answer 1

我不确定平铺 sprite 是否是执行此操作的正确方法，您最好使用标准 sprite sheet 动画来执行此操作。

我在这里的游戏中使用了这个方法： http://www.nicktoons.co.uk/microsite/dribbletricks/3fo5mu

精灵 sheet 是

所以本质上它只是一个动画设置为循环的精灵。在这里，由于背景是对称的，我复制了 sprite，并且对于音高的 RHS 将其 x 值缩放为 -1，以便 sprite sheet/file 尺寸更小，允许更多帧。

在phaser中移动直线背景tileSprite的技巧是什么

what is the technique of moving straight background tileSprite in phaser

vertical-scrolling

phaser-framework