nette22/three.gui

Simple 3D GUI for threejs.

THREE.GUI

Simple 3D GUI for threejs, take a look at the demo.

TODO

• (create) GUI.CircularList: like vertical list be move arround a centered axis.
• (create) GUI.ParagraphGeometry: simple multiline text (just specify height and width).
• (update) GUI.TextInput: change geometry generation to not exceed the area.
• (update) GUI.TextInput: add placeholder.
• (update) GUI.TextInput: add word suppresion.
• (update) GUI.TextInput: add cursor.
• (update) GUI.TextInput: add label.
• (create) GUI.Grid: used to create simple grid layout to place items
• (create) GUI.Block: Simple text block.
• (create) GUI.ScrollableBlock: Simple text block with scrollbar if too much text.

THREE.GUI.Button

GUI.Button is a 3D button object.

Events

• click - triggered when the mouse click on the button.�
• hover - triggered when the mouse hovered the button.
• unhover - triggered when the mouse unhovered the button.
• focus - triggered when the button is focused.

THREE.GUI.TextInput

GUI.TextInput is a special button which allow to type some text like <input type="text"> html balise.

Events

• change - triggered when type something.
• submit - triggered when validate selection (pressed enter key).
• hover - triggered when the mouse hovered the button.
• unhover - triggered when the mouse unhovered the button.
• focus - triggered when the button is focused.
• unfocus - triggered when the button isnt focused anymore.

THREE.GUI.VerticalList

GUI.List generate a vertical list of gui objects automaticaly resized when you add new objects into.

Events

• submit - triggered when user validate selection.
• change - triggered when user change selection.