在三.js中制作菜单

Make a Menu in three.js

本文关键字:菜单 js 在三      更新时间:2023-09-26
编程

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

程序显示一个3D图形,这个"菜单"将出现(触发时)并显示有关特定节点的信息,包括图像,一些文本和可滚动的文本区域)

我对 three.js 或 WebGL 几乎没有经验,并且试图将我的头包裹在整个"纹理"、"网格"和"材料"以及你有什么;我不确定我将如何处理创建这样的菜单/显示。

我几乎找不到三个菜单.js有一些(可能是幼稚的)谷歌搜索,我没有时间真正浏览整个 WebGL 教程。

谁能引导我走向正确的方向?
是否有一些方便的三.js扩展或模块来制作显示/菜单?
有谁知道我应该/可以使用 Three.js 对象来实现这一点?

谢谢!

有理由不使用 HTML 吗?

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

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