A team member in a programming project has written the graphical aspect of our software using three.js (the abstraction of WebGL), and due to imposing time constraints, I've been tasked with coding up a Menu / Display thing for the program.
(The program displays a 3-D graph, and this 'menu' will appear (when triggered) and display information about a particular node, including an image, some text and maybe a scroll-able area of text)
I've had little to no experience with three.js or WebGL and am trying to wrap my head around the whole 'textures' and 'mesh' and 'materials' and what have you; I'm not sure how I'd approach creating such a menu/display.
There's little I can find for making menus in three.js with some (probably naive) Google searching, and I don't have time to really slug through a whole WebGL tutorial.
Can anybody steer me in the right direction?
Is there some convenient three.js extension or module for making displays / menus?
Does anybody know how I should/could implement this using Three.js objects?
Thanks!
A team member in a programming project has written the graphical aspect of our software using three.js (the abstraction of WebGL), and due to imposing time constraints, I've been tasked with coding up a Menu / Display thing for the program.
(The program displays a 3-D graph, and this 'menu' will appear (when triggered) and display information about a particular node, including an image, some text and maybe a scroll-able area of text)
I've had little to no experience with three.js or WebGL and am trying to wrap my head around the whole 'textures' and 'mesh' and 'materials' and what have you; I'm not sure how I'd approach creating such a menu/display.
There's little I can find for making menus in three.js with some (probably naive) Google searching, and I don't have time to really slug through a whole WebGL tutorial.
Can anybody steer me in the right direction?
Is there some convenient three.js extension or module for making displays / menus?
Does anybody know how I should/could implement this using Three.js objects?
Thanks!
Share Improve this question edited Oct 16, 2013 at 22:35 user128511 asked Oct 16, 2013 at 11:53 Anti EarthAnti Earth 4,89113 gold badges54 silver badges88 bronze badges1 Answer
Reset to default 2Is there a reason not to use HTML ?
As you run your app in modern browser environment - I guess - HTML/CSS/Javascript is by far the easiest way to make the interface.
If the menu is only supposed to interact with the scene (changing a size, rotation, light, toggle things, etc), you can even go with DAT.Gui, many Three.js examples use it, and you can find a tutorial here http://learningthreejs./blog/2011/08/14/dat-gui-simple-ui-for-demos