Geek asks and answers

GUI system for three.

What is a good approach to “attaching” GUI controls such as forms, buttons, check boxes, etc. to objects in three.js scene?

those. I would like to show a 3D model, let the user click and select things in this model and see a pop-up menu that will lead him to forms that allow him to set his properties, do other things, etc.

(Perhaps the gross equivalent would be the Nifty GUI if I were using JMonkeyEngine.)

+5
source share
2 answers

I am using jQuery user interface components with raycaster Three.js.

In my HTML:

<div id="main-canvas">
    <div id="interface">
        markup for your various modals, etc...
    </div>
</div>

raycasting Mr. Doob , . , jQuery. , , . WebGL.

, CSS, , div .

body {
    background-color: black;
    margin: 0px;
}

div#interface {
    position:absolute;
    width: 100%;
}

.

+4

dat.GUI - Three.js : http://code.google.com/p/dat-gui/ Three.js, /examples/js/libs/

: http://jabtunes.com/labs/3d/dof/webgl_postprocessing_dof2.html

, , , / , . .

/ , Google "three.js picking" - .

+2

More articles:


All Articles