我正在尝试使用Container
关键字声明new
以进行代码模块化(引用this article)。但是,当我用new Container()
声明一个时,它不会渲染其子图像/精灵。我在这里做错了什么?请在下面查看我的代码:
var config = {
type: Phaser.AUTO,
width: 800,
height: 600,
backgroundColor: '#010101',
parent: 'phaser-example',
physics: {
default: 'arcade',
arcade: {
gravity: { y: 200 },
debug: true
}
},
scene: {
preload: preload,
create: create
}
};
var container1, container2;
var game = new Phaser.Game(config);
function preload () {
this.load.image('mushroom', 'assets/sprites/mushroom2.png');
this.load.image('lemming', 'assets/sprites/lemming.png');
}
function create () {
var image1 = this.add.image(-40, 0, 'mushroom');
var image2 = this.add.image(40, 0, 'lemming');
container1 = this.add.container(100, 200);
container1.add(image1);
container1.setSize(128, 64);
this.physics.world.enable(container1);
container1.body.setVelocity(0, 200).setBounce(1, 1).setCollideWorldBounds(true);
container2 = new Phaser.GameObjects.Container(this, 300, 200)
container2.add(image2);
container2.setSize(128, 64);
this.physics.world.enable(container2);
container2.body.setVelocity(0, 200).setBounce(1, 1).setCollideWorldBounds(true);
// container1 renders image1, but container2 doesn't render image2.
console.log(this.add.image, Phaser.GameObjects.Container);
console.log(container1, container2);
console.log(container1.list[0], container2.list[0]);
}
如果要运行此代码,请转至Phaser3 SandBox,然后复制并粘贴上面的代码,然后单击运行代码(对不起,我不知道如何在此处保存我的代码)。任何帮助将不胜感激!
在Phaser论坛上复制@rexrainbow's answer:
A new游戏对象不会添加到显示列表或更新列表中,调用此方法以添加此容器以显示列表。
this.add.existing(container2);