Eine NUI besteht aus mehreren Schichten
HTML strukturiert Inhalte, CSS gestaltet sie und JavaScript steuert die Interaktionen im Browser. Die Spielressource öffnet die Oberfläche, übergibt Daten und verarbeitet Aktionen. Ein hübsches Menü und eine funktionierende Spielmechanik sind deshalb zusammengehörige, aber getrennt zu prüfende Ergebnisse.
Von der Vorlage zur Integration
- Wähle im NUI Editor eine passende Vorlage oder importiere deine bestehende Ressource.
- Passe Layout, Texte und Assets an. Erhalte benötigte IDs und Callbacks bei Designänderungen.
- Prüfe Vorschaugrößen, Scrollbereiche und transparente Spielbereiche.
- Übergebe die gespeicherte Ressource bei Bedarf an Agent Mode, um die konkrete Spiellogik zu ergänzen.
- Teste Datenfluss, Rechte, Öffnen, Schließen und Fokus im Spiel.
Lesbarkeit vor Dekoration
Gute Spielmenüs bleiben auch vor einem bewegten Hintergrund verständlich. Verwende Kontrast, klare Auswahlzustände und erreichbare Schaltflächen. Plane Platz für lange Namen, kleine Auflösungen, leere Listen und Fehlermeldungen. Transparenz ist eine bewusste Layoutentscheidung, kein fehlender weißer Hintergrund.
Was die Vorschau aussagt
Der Browser kann lokale Oberflächen und simulierte Beispieldaten anzeigen. Ohne Spielserver werden echte Serverereignisse, Inventar, Geld und Berechtigungen nicht vollständig geprüft. Halte im Abschlussbericht fest, welche Tests bereits bestanden und welche noch im Spiel offen sind.