A NUI has several layers
HTML structures content, CSS styles it and JavaScript controls browser interactions. The game resource opens the interface, supplies data and handles actions. An attractive menu and working gameplay are related results that need separate checks.
From template to integration
- Choose a suitable NUI Editor template or import your existing resource.
- Adjust layout, text and assets. Preserve required IDs and callbacks during design changes.
- Check preview sizes, scrolling areas and transparent areas showing the game.
- If needed, pass the saved resource to Agent Mode to add the specific gameplay logic.
- Test data flow, permissions, opening, closing and focus in game.
Readability before decoration
Good game menus stay understandable over moving backgrounds. Use contrast, clear selection states and reachable buttons. Allow room for long names, smaller resolutions, empty lists and errors. Transparency is an intentional layout choice, not a missing white background.
What the preview proves
The browser can show local interfaces and simulated sample data. Without the game server, real server events, inventory, money and permissions are not fully verified. Record which checks passed and which in-game checks remain.