我是 WebGL 新手,我决定尝试 Phaser.js 库。
我在背景滚动方面遇到了一些问题(诸如跑酷游戏和横向卷轴游戏)。 我已经了解了它在 PIXI.js 中的工作原理,但我无法找到/找到 Phaser 的解决方案。
Pixi.js 代码。
function init() {
var farTexture = PIXI.Texture.fromImage("resources/bg-far.png");
far = new PIXI.TilingSprite(farTexture, 512, 256);
far.position.x = 0;
far.position.y = 0;
far.tilePosition.x = 0;
far.tilePosition.y = 0;
stage.addChild(far);
requestAnimFrame(update);
}
function update() {
far.tilePosition.x -= 0.128;
renderer.render(stage);
requestAnimFrame(update);
}
最佳答案
Phaser 中的等价物是:
var far;
function preload() {
game.load.image('imageKey', 'resources/bg-far.png');
}
function create() {
far = game.add.tileSprite(0, 0, 512, 256, 'imageKey');
}
function update() {
far.tilePosition.x -= 0.128;
}
关于javascript - 循环 Sprite 滚动背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23360204/