Estoy tratando de entender cómo funciona Phaser.GameObjects.Container . Aquí está el código.
class BootScene extends Phaser.Scene { constructor() { super(); } create() { this.menus = this.add.container(); var menuItemBlue = new Phaser.GameObjects.Text(this, 10, 30, 'Blue'); this.menus.add(menuItemBlue); console.log(this.menus.length); this.menus = this.add.container(); var menuItemRed = new Phaser.GameObjects.Text(this, 10, 50, 'Red'); this.menus.add(menuItemRed); console.log(this.menus.length); } } var config = { width: 320, height: 260, scene: [BootScene] } var game = new Phaser.Game(config); <script src="https://cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script> El método create() agrega dos elementos al contenedor, sin embargo, la longitud siempre es 1.
También probé esto
this.menus.add([menuItemBlue, menuItemRed]); console.log(this.menus.length);que da como resultado lo esperado, es decir, 2.
Parece que si agrego elementos uno por uno, el contenedor solo conserva el último. Si quiero conservarlos todos, tengo que colocar todos los elementos en una matriz y luego agregar la matriz al contenedor. ¿Es correcto mi entendimiento?
¿Por qué Phaser.GameObjects.Container funciona de esta manera? ¿Hay alguna consideración bajo el capó?
El problema es que está creando dos contenedores this.menus = this.add.container(); .
Elimina la segunda "creación" y funciona.
(Tomé su ejemplo y comenté la segunda creación, y ahora funciona como se esperaba)
por si acaso:
this.add.container()crea un contenedor y lo agrega a lascene.
class BootScene extends Phaser.Scene { constructor() { super(); } create() { // First Container this.menus = this.add.container(); var menuItemBlue = new Phaser.GameObjects.Text(this, 10, 30, 'Blue'); this.menus.add(menuItemBlue); console.log(this.menus.length); // Second not needed Container // this.menus = this.add.container(); var menuItemRed = new Phaser.GameObjects.Text(this, 10, 50, 'Red'); this.menus.add(menuItemRed); console.log(this.menus.length); } } var config = { width: 320, height: 260, scene: [BootScene] } var game = new Phaser.Game(config); <script src="https://cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>