2013-10-16 56 views
1

編程項目中的團隊成員使用three.js(WebGL的抽象)編寫了我們軟件的圖形方面,並且由於施加時間限制,我的任務是編碼爲程序添加菜單/顯示。 (程序顯示一個三維圖形,這個'菜單'將出現(當被觸發時)並且顯示關於一個特定節點的信息,包括一個圖像,一些文本和一個可滾動區域的文本)在three.js中製作菜單

我對three.js或WebGL幾乎沒有任何經驗,並且試圖圍繞整個「紋理」,「網格」和「材質」來包裹我的頭,以及你有什麼;我不知道我會如何創建這樣的菜單/顯示。

在three.js中用一些(可能是天真的)Google搜索來製作菜單的內容很少,而且我沒有時間通過​​整個WebGL教程真正slu slu。

任何人都可以引導我走向正確的方向嗎?
是否有一些方便的three.js擴展名或用於製作顯示/菜單的模塊?
有人知道我應該/可以實現這個使用Three.js對象?

謝謝!

回答

1

有沒有理由不使用HTML?

當您在現代瀏覽器環境中運行您的應用程序 - 我猜 - HTML/CSS/Javascript是製作界面的最簡單方法。

如果菜單隻能與場景交互(改變大小,旋轉,光線,切換東西等),甚至可以使用DAT.Gui,許多Three.js示例使用它,並且您可以找到這裏的教程http://learningthreejs.com/blog/2011/08/14/dat-gui-simple-ui-for-demos

+0

菜單必須出現在圖形所在的三維空間中;我沒有看到在html中這樣做的方法。 DAT.GUI用於改變變量,據我所知,這不是我所指定的,我的菜單必須做的 –

+0

好吧,我明白dat.gui不是一個選項。 也許你可以使用CSS3DObject,如http://stemkoski.github.io/Three.js/CSS3D.html? – vincent