/three-mesh-ui

Make 3D user interfaces in Three.js (with VR in mind)

Primary LanguageJavaScriptMIT LicenseMIT

three-mesh-ui

three-mesh-ui helps in easily adding user interface in a Three.js scene, in order to make better VR experiences

tuto example buttons example

What is it for ?

three-mesh-ui is a small library for building VR user interfaces. The objects it creates are Three.Mesh, usable directly in a three.js scene like any other mesh.

Why ?

In a normal three.js workflow, most people build the user interfaces with HTML/CSS, either the normal way on top of the Canvas element in which the scene is drawn, or with Three.CSS3DRenderer, which visually transforms normal DOM elements so they look like they are in a 3D scene.

In immersive VR, none of these two options is available. The goal of three-mesh-ui is to offer a tool similar to HTML/CSS to build genuine meshes that can be used the normal way inside a three.js scene rendered with WebGLRenderer.

Examples  |  Getting Started  |  NPM  |  API  |  Roadmap  |  Contributing