javascript - 连续滚动背景？

Question

非常不言自明，我有一个图像想要用作背景，并且我希望它不断滚动并重复自身。我在这个问题中找到了一些代码

Phaser.js - Infinite side scrolling background?

并像这样应用它

var game = new Phaser.Game(800, 600, Phaser.AUTO, '', {
    preload: preload,
    create: create,
    update: update
});

var bgtile;

function preload() {
    game.load.image('bgtile', 'riverTest.jpg');
}


function create() {
    bgtile = game.add.tileSprite(0, 0,
                 game.stage.bounds.width,
                 game.cache.getImage('bgtile').height,
                 'bgtile');
}

function update() {
    bgtile.tilePosition.x -= 1;
}

图像 RiverTest.jpg 存储在我的 Assets 文件夹中，但是，当我运行它时，它只显示黑屏。知道发生了什么事吗？我对 Phaser JS 非常陌生，所以任何解释将不胜感激!

编辑:无论出于何种原因，我都没有想到要检查控制台，但我收到了两个错误

第 27 行(创建函数):未捕获类型错误:无法读取未定义的属性“宽度”

第31行(更新函数):未捕获类型错误:无法读取未定义的属性“tilePosition”

Answer 1

切换

game.stage.bounds.width

到

game.stage.getBounds.width