【问题标题】:Make a Menu in three.js在three.js中制作一个菜单
【发布时间】:2013-10-17 06:35:27
【问题描述】:

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

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

我几乎没有使用 three.js 或 WebGL 的经验,我正试图围绕整个“纹理”、“网格”和“材料”以及你有什么;我不确定如何创建这样的菜单/显示。

通过一些(可能是幼稚的)谷歌搜索,我几乎找不到在 three.js 中制作菜单的内容,而且我没有时间真正阅读整个 WebGL 教程。

谁能引导我朝正确的方向前进?
是否有一些方便的three.js 扩展或模块来制作显示/菜单?
有人知道我应该/可以如何使用 Three.js 对象来实现它吗?

谢谢!

【问题讨论】:

    标签: javascript menu three.js


    【解决方案1】:

    有理由不使用 HTML 吗?

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

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

    【讨论】:

    • 菜单必须出现在图形所在的3D空间中;我没有看到在 html 中做到这一点的方法。据我所知,DAT.GUI 用于更改变量,这根本不是我指定的菜单必须做的事情
    • 好的,我知道 dat.gui 不是一个选项。也许您可以使用 CSS3DObject,如 stemkoski.github.io/Three.js/CSS3D.html
    猜你喜欢
    • 1970-01-01
    • 2015-05-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-13
    • 2020-07-18
    相关资源
    最近更新 更多