通过'new'关键字声明的容器(第3阶段)不呈现子级

问题描述 投票:0回答:1

我正在尝试使用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,然后复制并粘贴上面的代码,然后单击运行代码(对不起,我不知道如何在此处保存我的代码)。任何帮助将不胜感激!

javascript game-engine phaser-framework
1个回答
0
投票

在Phaser论坛上复制@rexrainbow's answer

A new游戏对象不会添加到显示列表或更新列表中,调用此方法以添加此容器以显示列表。

this.add.existing(container2);

© www.soinside.com 2019 - 2024. All rights reserved.