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存储在我的资源文件夹中，但是当我运行它时，它只显示一个黑屏。知道发生了什么事吗？我对Phaser JS很新，所以任何解释都会非常感谢！

编辑：没想到要检查控制台是出于什么原因，但是我遇到了两个错误

第27行（创建函数）：未捕获的TypeError：无法读取属性＆＃39; width＆＃39;未定义的

第31行（更新功能）：未捕获的TypeError：无法读取属性＆＃39; tilePosition＆＃39;未定义的

Answer 1

切换

game.stage.bounds.width

到

game.stage.getBounds.width

不断滚动背景？

1 个答案: