ui

Create a Menu with rows of kinds like action, slider, and toggle, then push it onto a MenuStack. Connect the stack's onChanged signal to call app.pause() when a menu is open and app.resume() when the last one closes.

Use DOM elements in app.ui layers for menus, dialogs, and responsive HUDs that need real layout and accessibility. Use HudText, WorldText, or WorldText2D only when text must be GPU-drawn, pixel-exact, or visible in captureScreenshot().

Yes, the overlay is a plain absolutely positioned div with named layers, so any framework that mounts into a DOM element works. You mount your framework's root into app.ui.layer(name).element.

Instantiate VirtualJoystick and VirtualButton with the app and a control name after registering both the input and ui extensions. Bind the virtual paths like <Virtual>/joystick in the game's .input.json exactly as hardware inputs.

WorldText must exist before app.start() because Babylon Lite drains deferred scene renderables only once at scene registration. Text added later logs IGX-1308 and does not draw; use WorldText2D instead, which can be added at any time.

Load a .i18n.json file through app.i18n.load, then set i18nKey on HudText, WorldText, or WorldText2D so they re-shape on locale change. Menu labels accept functions that are re-read on every refresh(), so they can call app.i18n.t().