features

Graphic User Interfaces


Graphical User Interface

There are a number of options for adding a GUI to Babylon.js.

The GUI that allows you to place buttons and labels in 3D space is the extension BABYLON.GUI which can also be used as a 2D front of screen GUI. It is integrated into the playground.

Playground Example Slider BABYLON.GUI -


An alternative 2D GUI is the extension CastorGUI which has extensive buttons and you can see an external example here.

Also in the playgrounds you will come across dat.GUI, an external interface but it is integrated within the Playground.

Playground Example Slider dat.GUI -


Further Reading

BABYLON.GUI
CastorGUI

External

Basic Usage of dat.GUI