我可以在 Phaser 游戏 window 上放置 Dom 个元素吗？

Question

我有一种情况需要将图像从 HTML 页面上的图像列表拖到 Phaser 游戏 window。

我在这里试图实现的是将 HTML 的 <li></li> 元素与图像列表放在相位器游戏 window 上，然后在该图像列表上执行 drag drom 功能。

有人知道吗？任何示例代码或任何相关 link 都会有所帮助。 谢谢

Answer 1

我一直将 use HTML 元素与 Phaser 的 Canvas 元素结合使用 - 这对用户界面非常有用。只需创建一个包含 HTML 元素的 div，并将它们绝对定位在 canvas 之上。假设您的 canvas 占据了整页 -

<div id="ui"><li>Your li or whatever</li></div>

#ui {
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
}