连续滚动背景?
Continuously scrolling background?
不言自明,我有一张图片我想用作背景,我希望它不断滚动并自我重复。我在这个问题中找到了一些代码
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 行(创建函数):未捕获类型错误:无法读取未定义的 属性 'width'
第 31 行(更新函数):未捕获类型错误:无法读取未定义的 属性 'tilePosition'
切换
game.stage.bounds.width
到
game.stage.getBounds.width
不言自明,我有一张图片我想用作背景,我希望它不断滚动并自我重复。我在这个问题中找到了一些代码
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 行(创建函数):未捕获类型错误:无法读取未定义的 属性 'width'
第 31 行(更新函数):未捕获类型错误:无法读取未定义的 属性 'tilePosition'
切换
game.stage.bounds.width
到
game.stage.getBounds.width