javascript - 在 Three.js 中制作菜单

Question

编程项目中的一名团队成员使用 Three.js(WebGL 的抽象)编写了我们软件的图形部分，由于时间限制，我的任务是编写菜单/显示内容程序。

(程序显示 3D 图形，并且此“菜单”将出现(触发时)并显示有关特定节点的信息，包括图像、一些文本以及可能的可滚动文本区域)

我对 Three.js 或 WebGL 几乎没有任何经验，我正在尝试了解整个“纹理”、“网格”和“ Material ”以及您所拥有的；我不确定如何创建这样的菜单/显示。

通过一些(可能是幼稚的)Google 搜索，我几乎找不到在 Three.js 中制作菜单的信息，而且我没有时间真正读完整个 WebGL 教程。

有人能引导我走向正确的方向吗？
是否有一些方便的 Three.js 扩展或模块用于制作显示/菜单？
有谁知道我应该/如何使用 Three.js 对象来实现这个？

谢谢!

Answer 1

有什么理由不使用 HTML 吗？

当您在现代浏览器环境中运行应用程序时 - 我猜 - HTML/CSS/Javascript 是迄今为止制作界面的最简单方法。

如果菜单仅与场景交互(更改大小、旋转、灯光、切换内容等)，您甚至可以使用 DAT.Gui ，许多 Three.js 示例都使用它，您可以在这里找到教程 http://learningthreejs.com/blog/2011/08/14/dat-gui-simple-ui-for-demos