FiveM entwickeln. Schritt für Schritt.
Deine NUI sehen, bevor du ins Spiel wechselst.
FiveM-Oberflächen bestehen häufig aus HTML, CSS und JavaScript. Die NUI-Vorschau zeigt diese Oberfläche im Browser, damit du Darstellung und unterstützte Interaktionen im Entwicklungsablauf prüfen kannst.
Was du damit machst
Ein schneller Blick auf Layout und Bedienung ergänzt den Testserver. Spiellogik und echte Serverantworten prüfst du weiterhin in FiveM.
NUI im Chat bearbeiten
Die Oberfläche im Zusammenhang öffnen
Nutze die HTML-Datei zusammen mit ihren Styles, Scripts und benötigten Assets. Fehlende Bilder oder falsche Dateipfade werden in einer Vorschau oft früher sichtbar als beim reinen Lesen des Codes. Bei einer mehrteiligen Resource sollte klar sein, welche Datei der Einstieg in die NUI ist.
Darstellung und unterstützte Interaktionen prüfen
Betrachte Abstände, Lesbarkeit, Menüs und Zustände. Unterstützte Interaktionen helfen dir, den vorgesehenen Ablauf nachzuvollziehen. Prüfe lange Fahrzeugnamen, leere Listen und unterschiedliche Inhaltsmengen. Benenne im Chat konkret, was sich ändern soll, und vergleiche die nächste Fassung der Oberfläche.
Browser-Vorschau und FiveM-Test unterscheiden
Die Vorschau läuft isoliert im Browser. Sie stellt keinen vollständigen FiveM-Client bereit und beweist weder korrekte NUI-Callbacks noch das Verhalten von Datenbank und Server-Events. Teste Fokuswechsel, Tastatureingaben, Nachrichten zwischen Lua und UI sowie Berechtigungen anschließend im Spiel.
Für deinen nächsten Auftrag
So wird eine UI-Korrektur konkret
In der Garagen-NUI wird ein langer Fahrzeugname abgeschnitten. Passe die Karten so an, dass Name und Status lesbar bleiben. Zeige auch den Zustand ohne Fahrzeuge. Die vorhandenen Callback-Namen sollen unverändert bleiben.
Vor dem nächsten Schritt prüfen
- HTML-Einstieg und Asset-Pfade prüfen
- Lange Texte und leere Zustände betrachten
- Bedienung mit Maus und Tastatur testen
- Callbacks und Fokus im echten Client verifizieren
Umfang und Grenzen
Nicht jede FiveM- oder externe Browser-Schnittstelle steht in der Vorschau zur Verfügung. Eine korrekt angezeigte Oberfläche kann im Spiel dennoch Integrationsfehler haben. Die abschließende Prüfung gehört deshalb auf den Testserver.
Aktuelle Pläne und Konditionen →Häufige Fragen
Ist die Vorschau ein FiveM-Server?
Nein. Sie zeigt Web-Oberflächen und unterstützte Interaktionen in einer isolierten Browser-Umgebung.
Kann ich Änderungen an der NUI mit der KI besprechen?
Ja. Beschreibe das konkrete Darstellungsproblem und gib die betroffenen Dateien mit. Anschließend kannst du das Ergebnis in der Vorschau vergleichen.
Dein Projekt. Dein nächster Schritt.
Beschreibe deine Idee oder lade eine bestehende Resource hoch. Arbeite am Quellcode weiter und prüfe das Ergebnis auf deinem Testserver.
Zum KI-Chat →