HTML/DOM GUI instead of BABYLON.GUI

Hi Steffen,

First of all if you want your UI to be available in VR mode Babylon GUI is the only choice you have.

Now if VR is not required there are 2 cases :

  1. Screen mode (= 2D)
    If you need simple UI - a menu for example - you can (should) use HTML/CSS. There’s no performance issue and it’s more easy to setup and maintain.
  2. Scene world (= 3D)
    If you want your GUI to match the 3D world, Babylon GUI is the only way.

So in this demo : Babylon.js - GUI demo

  • The right menu could be done with HTML/CSS…if you don’t need it in VR headsets.
  • Tooltips on the spheres + checkboxes for options => Babylon GUI (anyway it would be nearly impossible in HTML/CSS)
3 Likes