时间戳

首页 > 解决方案 > 容器在由“new”关键字声明时不呈现子项（Phaser 3）

javascript - 容器在由“new”关键字声明时不呈现子项（Phaser 3）

问题描述

我正在尝试Container使用new关键字声明代码模块化（参考这篇文章）。但是，当我用 声明一个时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，复制并粘贴上面的代码，然后点击运行代码（对不起，我不知道如何在那里保存我的代码）。任何帮助将不胜感激！

标签： javascriptgame-enginephaser-framework

解决方案

在 Phaser 论坛上复制@rexrainbow 的答案：

新的游戏对象不会被添加到显示列表或更新列表中，调用此方法将这个容器添加到显示列表。

this.add.existing(container2);

推荐阅读