在使用Phaser的比赛帆布的绿色正方形

Question

有人可以告诉我为什么我在Phaser游戏画布上获得绿色方块，如下所示？

Answer 1

在没有看到任何代码的情况下，我可以告诉您，当Phaser框架无法加载图像时，您会看到它。

在您选择的浏览器中打开开发人员工具，并在打开“网络”选项卡后刷新。你应该看到一张404的图像。

我相信如果您查看标准浏览器控制台，您可能还会看到有关无法加载的资产名称的消息。

Answer 2

我的情况略有不同。图像正在 init 函数中加载，这显然不起作用。我将该函数重命名为 preload，突然绿色方块消失了，图像出现了。

Answer 3

我的情况也有点不同；似乎我的所有图像资源都已加载，但我认为我尝试创建精灵有点太快了 - 换句话说，我试图在场景正确加载之前创建精灵并将其添加到我的场景中。

我将尝试等到 'scene.scene.isActive(key);'返回一个布尔值 true.....也许这将解决我的问题。如果做不到这一点，我可能会做出某种睡眠/等待 1 秒之类的承诺（不理想，但可能会奏效）

还请注意：我能够过快地创建我的精灵的部分原因是因为我是在我自己的自定义函数中这样做的，而不是典型的 create() 函数。实际上，最好的解决方案可能是在 create() 函数中创建我的精灵而不是自定义函数...