如何在PixiJs中添加输入文本框？

Question

我正在尝试创建一个登录表单，我正在使用PixiJs v4来渲染所有内容。将登录表单也放在PixiJS中也是理想的，而不是使用HTML。

如何创建一个简单的输入框来捕获文本？

Answer 1

用HTML创建输入框并有2幅画布;一个z-index高于输入框（对于覆盖输入框的精灵），另一个具有较低的z-index（对于输入框后面的精灵）。

.higher-canvas {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99;
}

.lower-canvas {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -99;
}

如果你必须绝对让你的输入元素成为舞台的一部分，你看看PIXI.Input吗？ https://github.com/SebastianNette/PIXI.Input