如何在aframe.js中使用html表单？

Question

我正在创建一个仅供笔记本电脑使用的3D网页。

如何启用文本输入并在HTML中使用HTML表单库？

我找到了各种API来在3d网页上打印文本，但没有任何与HTML表单相关的内容。我该怎么办？

Answer 1

WebGL与2D Web的环境不同。拉入普通的HTML表单并启用文本输入是非常重要的。在WebGL中，表单，UI和输入必须从头开始构建，直到有人为它创建一个漂亮的库或组件。它还取决于可用的设备。

我不知道你对DOM到画布到纹理的实现有多远，比如https://github.com/mayognaise/aframe-html-shader，这可能是个好看的地方。

或者从头开始构建：

• 通过网格（平面和方框）和文字表示您的表单。
• 收听键盘事件以附加和修改表单中的文字。
• 通过网格创建按钮并侦听用户输入以提交表单。