Erleben Sie reibungslose Performance, blitzschnelle Ladezeiten und eine übersichtliche, moderne Benutzeroberfläche.
🚀 Spawn-System
Vollständig anpassbar – wählen Sie Ihr eigenes Menü, verwenden Sie das Standardmenü oder starten Sie genau dort weiter, wo Sie zuletzt aufgehört haben.
📸 Fotomodus
Mach stylische Fotos mit deinen Lieblingsfiltern oder tauche in erweiterte Fotoeinstellungen ein, um filmreife Aufnahmen zu machen.
✨ Auswirkungen
Verleihe dem Spiel eine immersive Note! Löse beim Charakterwechsel zufällige oder spezifische Effekte aus – es dreht sich alles um Stil.
🎭 Animationen & Szenarien
Nahtlose Integration rpemotes oder dpemotes — Wähle eine Animation aus oder lass das System zur Abwechslung zufällig auswählen.
🧩 Spielautomatenverwaltung
Kein manueller Aufwand! Charaktere werden automatisch freien Plätzen zugewiesen, sobald sie erstellt werden.
🏆 Abspann
Zeigen Sie Ihre Wertschätzung für Ihre Community – heben Sie die Mitwirkenden Ihres Servers ganz einfach in einer eleganten Credit-Anzeige hervor.
🛒 Store-Integration
Mit einem Klick Zugriff auf Ihre Produkte oder Dienstleistungen über die integrierte Store Taste.
🌦️ Zeit- und Wettersteuerung
Schaffen Sie die perfekte Atmosphäre – passen Sie Zeit und Wetter individuell an oder synchronisieren Sie sie für eine wirklich immersive Charakterauswahl.
🧼 Saubere Schnittstellenlogik
Intelligente Sichtbarkeit: Die Schaltflächen „Charakter erstellen“ oder „Charakter ändern“ werden automatisch ausgeblendet, wenn sie nicht benötigt werden.
🔌
Kompatibilität
🧠 Frameworks
✅ Abonnieren - Bereit
✅ qbox - Bereit
✅ esx-core - Bereit
👕 Bekleidungsressourcen
🧩 Illenium-Erscheinungsbild
🧩 Fivem-Auftritt (altes Illenium für QB/ESX — nicht aj oder Standard)
🧩 qb-kleidung
🧩 Hautwechsler
🧩 Brauch – muss eine ähnliche Struktur unterstützen oder Bekleidungsereignisse auslösen
⚠️ Wenn Ihr benutzerdefiniertes Kleidungsmenü keine kompatiblen Ereignisse verwendet, funktioniert es möglicherweise nicht mit UM Multi Character.
UM Multicharacter – Modernes Charakterauswahlsystem, entwickelt mit Vite + Vue3 + Tailwind
Ersetzen Sie Ihre veraltete Charakterauswahl durch UM Multicharacter, ein elegant gestaltetes, blitzschnelles Charakterverwaltungssystem, das auf modernen Webtechnologien basiert. Dank Vite, Vue3 und Tailwind CSS ist dies keine weitere umständliche Benutzeroberfläche, die auf einfachem HTML basiert – es ist eine responsive, flüssige und funktionsreiche Charakterauswahl, die Ihnen vom ersten Klick an ein professionelles Gefühl beim Serverbeitritt vermittelt. Kompatibel mit ESX, QBCore, Und QBOX Es ist mit gängigen Frameworks kompatibel, funktioniert nahtlos mit den wichtigsten Bekleidungssystemen und bietet fortschrittliche Funktionen wie einen Fotomodus, anpassbare Spawn-Systeme, Charaktereffekte, integrierte Emotes und sogar einen integrierten Shop-Button. Geben Sie Ihren Spielern den erstklassigen ersten Eindruck, den sie verdienen.
Im Leistungsumfang enthalten
UM Multicharacter bietet ein umfassendes Charaktermanagement-Erlebnis mit ausgefeilter Technik. Die Benutzeroberfläche nutzt Vite für nahezu sofortige Ladezeiten, die Vue3 Composition API für reaktive UI-Aktualisierungen und Tailwind CSS für ein klares, modernes und vollständig anpassbares Design. Sie erhalten einen Fotomodus mit Filtern und erweiterten Kameraeinstellungen, anpassbare Spawn-Optionen, die mit Ihrem bestehenden Spawn-Selektor kompatibel sind oder automatisch am letzten Ort spawnen, Charakterwechseleffekte (zufällig und gezielt), rpemotes/dpemotes-Integration für Charakterpräsentationsanimationen, automatische Slot-Verwaltung, die Charaktere ohne manuelle Konfiguration verfügbaren Slots zuweist, einen optionalen Credits-Bildschirm zur Hervorhebung von Community-Mitwirkenden, einen Shop-Integrationsbutton für den direkten Zugriff auf Ihre Spendenseite, Anpassungsmöglichkeiten für Zeit und Wetter für eine stimmungsvolle Charakterauswahl sowie eine intelligente Benutzeroberfläche, die nicht benötigte Buttons ausblendet.
Moderner Technologie-Stack – Warum er wichtig ist
Die Kombination aus Vite, Vue3 und Tailwind ist mehr als nur ein Marketing-Gag – sie führt zu spürbaren Leistungsverbesserungen, die Ihre Spieler sofort bemerken. Dank Vites Hot Module Replacement (HMR) sind Entwicklung und Anpassung der Benutzeroberfläche blitzschnell. Vue3s reaktives System sorgt für flüssige Animationen und sofortige UI-Aktualisierungen ohne ruckelige Reflows. Tailwind CSS vereinfacht Styling-Änderungen durch Utility-Klassen, anstatt sich mit benutzerdefiniertem CSS herumzuschlagen. Das Ergebnis? Die Charakterauswahl lädt in weniger als einer Sekunde, UI-Interaktionen reagieren verzögerungsfrei, Anpassungen erfordern keine tiefgreifenden Frontend-Kenntnisse und die Benutzeroberfläche skaliert hervorragend auf verschiedenen Auflösungen von 1080p bis hin zu Ultrawide-Displays.
Vergleichen Sie dies mit älteren Zeichenselektoren, die auf jQuery oder reinem JavaScript mit Inline-Styles basieren. Diese Systeme leiden unter langen Ladezeiten durch das Parsen aufgeblähter Bibliotheken, ruckeligen Animationen aufgrund manueller DOM-Manipulation, schwieriger Anpassung durch CSS-Archäologie und fehlerhaften Darstellungen bei nicht standardmäßigen Auflösungen. UM Multicharacter beseitigt diese Probleme mit einer modernen Grundlage, die für die FiveM-Entwicklungsstandards von 2025 und darüber hinaus ausgelegt ist.
Fotomodus – Erfassen Sie den besten Winkel Ihres Charakters
Der integrierte Fotomodus verwandelt die Charakterauswahl von einem rein funktionalen Bildschirm in eine kreative Bühne. Spieler können Charakterporträts mit vordefinierten Filtern (Schwarzweiß, Sepia, Vintage, Lebendig, Kinoreif) aufnehmen oder in die erweiterten Einstellungen eintauchen, um die Kamera vollständig zu steuern. Passen Sie das Sichtfeld für dramatische Nahaufnahmen oder Weitwinkelaufnahmen an, verändern Sie die Schärfentiefe, um Hintergründe zu verwischen und den Charakter in den Fokus zu rücken, steuern Sie Belichtung und Kontrast für perfekte Beleuchtung und drehen Sie die Kamera um 360 Grad, um den idealen Winkel zu finden. Diese Fotos können gespeichert und für Charakterprofile, Forensignaturen oder Discord-Avatare verwendet werden.
Der Fotomodus erfüllt auch praktische Zwecke. Spieler, die zur Identifizierung per Screenshot erfasst werden, können mit dem Fotomodus klare Charakterbilder aufnehmen. Administratoren, die das Aussehen eines Charakters überprüfen, können Screenshots aus dem Fotomodus anfordern, die genaue Details der Kleidung zeigen. Communities, die Charakterwettbewerbe oder Modeevents veranstalten, verfügen über ein integriertes Tool zur Erstellung von Beiträgen. Dadurch wird die Charaktererstellung von einem rein mechanischen Prozess zu einer ausdrucksstarken Aktivität.
Anpassbares Spawnsystem
UM Multicharacter passt sich der Spawn-Philosophie Ihres Servers an, anstatt einen bestimmten Ansatz vorzugeben. Wählen Sie zwischen drei Spawn-Modi: Nutzen Sie Ihre bestehende Spawn-Auswahlmenü-Integration für volle Kontrolle, aktivieren Sie das standardmäßig integrierte Spawn-System für eine schnelle Einrichtung oder konfigurieren Sie den automatischen Spawn am letzten Standort, sodass Spieler genau dort weiterspielen, wo sie sich ausgeloggt haben. Das System respektiert die Framework-Konventionen – ESX-Koordinaten funktionieren nativ, QBCore-Buckets werden korrekt verarbeitet und Logout-Positionen werden in allen Frameworks korrekt gespeichert.
Diese Flexibilität bedeutet, dass Sie die bestehende Spawn-Funktionalität nicht für eine bessere Charakterauswahl opfern müssen. Nutzen Sie eine benutzerdefinierte Spawn-Auswahl mit Housing-Systemintegration? UM Multicharacter ruft sie nahtlos auf. Bevorzugen Sie das einfache Spawnen am letzten Standort für eine schnelle Spielerplatzierung? Aktivieren Sie es in der Konfiguration. Sollen Spieler aus vordefinierten Spawnpunkten wählen können? Das Standardsystem kümmert sich darum. Kein erzwungener Workflow, keine Beeinträchtigung bestehender Systeme.
Charaktereffekte – Verleihen Sie Ihrem Look filmisches Flair
Lösen Sie visuelle Effekte aus, wenn Spieler zwischen Charakteren wechseln, um dem Spiel mehr Ausdruck und Persönlichkeit zu verleihen. Wählen Sie aus einer zufälligen Effektauswahl, die Spieler jedes Mal mit unterschiedlichen Übergängen überrascht, oder konfigurieren Sie spezifische Effekte für einzelne Charaktere (z. B. einen Raucheffekt für einen Feuerwehrmann oder Glitzer für einen Zivilisten). Zu den Effekten gehören Partikelsysteme, Bildschirmübergänge, Kamerabewegungen und atmosphärische Veränderungen, die den Charakterwechsel hochwertig und nicht mechanisch wirken lassen.
Die Effekte dienen gleichzeitig als Ladezustandsanzeige. Während das Charaktermodell geladen und die Kleidung angelegt wird, kaschiert der Effekt die kurze Übergangsphase und verhindert so, dass Spieler T-Pose-Modelle oder unvollständig geladene Kleidung sehen. Dieses ästhetische und funktionale Design verbessert die gefühlte Leistung, selbst wenn die tatsächlichen Ladezeiten unverändert bleiben.
Animationen & Szenariointegration
Integrieren Sie RPEMotes oder DPEMotes nahtlos für Charakterpräsentationsanimationen während der Auswahl. Konfigurieren Sie, ob das System für alle Charaktere eine bestimmte Animation verwendet (z. B. eine stehende, passive oder selbstbewusste Pose) oder aus einer Auswahl an Animationen zufällig auswählt, um für Abwechslung zu sorgen. Charaktere könnten sich an Wände lehnen, auf ihr Handy schauen, sich strecken oder andere lockere Animationen ausführen, die sie lebendig wirken lassen, während die Spieler entscheiden, welchen Charakter sie spielen möchten.
Diese Integration verhindert die unnatürliche, starre Standardpose, die die meisten Charakterauswahlen anzeigen. Ihre Charaktere wirken natürlich und lebendig, was einen besseren ersten Eindruck hinterlässt und Spieler dazu anregt, sich Zeit für die Charakterauswahl zu nehmen, anstatt sie schnell durchzuklicken. Die Emote-Systeme, die Sie bereits für das Rollenspiel im Spiel verwenden, werden automatisch auch für die Charakterauswahl übernommen.
Automatische Spielautomatenverwaltung
Vergessen Sie lästiges manuelles Zuweisen von Charakterplätzen. UM Multicharacter weist neue Charaktere automatisch dem ersten verfügbaren Platz zu, sobald sie über Ihr Charaktererstellungssystem erstellt werden. Einen Charakter löschen? Der Platz wird sofort für die nächste Erstellung frei. Keine Datenbankbearbeitung, keine Konfigurationseinstellungen, keine Verwirrung bei den Spielern darüber, welchen Platz ihr Charakter belegt. Es funktioniert einfach.
Diese Automatisierung beseitigt häufige Supportanfragen bezüglich nicht angezeigter Charakterplätze, falsch zugewiesener Charaktere oder gesperrter Plätze nach dem Löschen. Das System verfolgt den Platzstatus dynamisch und verarbeitet die gesamte Zuweisungslogik serverseitig, wodurch Manipulationen durch den Client oder Desynchronisationsprobleme, die manuelle Platzsysteme häufig plagen, verhindert werden.
Abspann – Würdigen Sie Ihre Community
Der optionale Credits-Bildschirm ermöglicht es Ihnen, Server-Mitwirkende, Mitarbeiter, Spender, Entwickler und Community-Unterstützer in einer professionellen, dynamischen Anzeige hervorzuheben. Ähnlich wie bei den Spielcredits bietet er die Möglichkeit, denjenigen zu danken, die Ihren Server ermöglichen. Die Credits-Liste lässt sich einfach über eine Konfigurationsdatei aktualisieren – eine Bearbeitung der Benutzeroberfläche ist nicht erforderlich.
Nutzen Sie diese Funktion, um die monatlichen Top-Spender auszuzeichnen, Ihr Entwicklerteam zu präsentieren, Betatestern für besondere Updates zu danken, Gewinner von Rollenspielpreisen hervorzuheben oder Community-Künstler zu würdigen, die eigene Inhalte erstellt haben. Sie stärkt das Gemeinschaftsgefühl und gibt den Mitwirkenden jedes Mal, wenn Spieler ihre Charaktere laden, das Gefühl, wertgeschätzt zu werden.
Schaltfläche zur Shop-Integration
Der integrierte Shop-Button ermöglicht den direkten Zugriff auf die Spendenseite deines Servers, den Tebex-Shop oder Patreon. Spieler können kosmetische Artikel, VIP-Stufen oder Unterstützungsoptionen durchstöbern, während sie auf den Serverbeitritt warten oder ihren Charakter wechseln. Die URL des Buttons kann in den Einstellungen konfiguriert werden – er funktioniert mit jedem Weblink.
Diese strategische Platzierung erhöht die Sichtbarkeit des Shops, ohne aufdringlich zu wirken. Spieler haben während der Charakterauswahl naturgemäß kurze Pausen, was den perfekten Zeitpunkt bietet, um optionale Käufe zu durchstöbern. Die Umsetzung ist geschmackvoll – ein einfacher Button, der den Spielablauf nicht unterbricht, aber interessierten Spielern bequemen Zugriff ermöglicht.
Zeit- und Wetteranpassung
Schaffe die perfekte Atmosphäre für die Charakterauswahl, indem du Tageszeit und Wetterbedingungen steuerst. Lege eine bestimmte Uhrzeit fest (Sonnenuntergang in der goldenen Stunde für dramatische Beleuchtung, Mittag für gute Sichtbarkeit der Charaktere, Nacht für stimmungsvolle Atmosphäre) oder synchronisiere die Einstellungen mit der Serverzeit. Ebenso kannst du die Wetterbedingungen anpassen (klarer Himmel, um Outfits optimal zu präsentieren, bewölkt für filmreife Stimmung, Regen für atmosphärische Tiefe) oder sie mit dem aktuellen Serverwetter synchronisieren.
Diese Umgebungseinstellungen ermöglichen es Ihnen, die visuelle Gestaltung des Charakterauswahlmenüs Ihres Servers festzulegen. Ein realistischer RP-Server könnte beispielsweise natürliches Mittagslicht bei klarem Wetter nutzen. Ein düsterer/realistischer Server könnte die Nacht mit Nebel darstellen. Ein tropischer Server könnte einen Sonnenuntergang mit vereinzelten Wolken verwenden. Das Charakterauswahlmenü wird so zu einem Ausdruck der ästhetischen Identität Ihres Servers.
Intelligente UI-Logik
UM Multicharacter blendet nicht relevante Interface-Elemente aus und sorgt so für eine übersichtlichere Benutzeroberfläche. Die Schaltfläche „Charakter erstellen“ erscheint nur, wenn noch freie Plätze vorhanden sind – so gibt es keine Verwirrung darüber, warum die Charaktererstellung bei maximaler Belegung nicht funktioniert. Die Schaltfläche „Charakter wechseln“ verschwindet, sobald Spieler nur einen Charakter besitzen – warum sollte man eine Auswahl anbieten, wenn es keine gibt? Diese intelligente Darstellung reduziert die Unübersichtlichkeit der Benutzeroberfläche und beugt Verwirrung vor.
Das System passt die Schaltflächenplatzierung dynamisch an die verfügbaren Optionen an. Einzelner Charakter? Große, gut sichtbare „Spielen“-Schaltfläche. Mehrere Charaktere? Charakterraster mit Auswahlmöglichkeit. Leere Plätze? „Charakter erstellen“ wird hervorgehoben. Die Benutzeroberfläche ordnet sich neu, um die relevanteste Aktion für den aktuellen Spielerzustand hervorzuheben.
Rahmen- und Bekleidungskompatibilität
Rahmenbedingungen:
✅ QBCore – Volle native Unterstützung mit qb-Mehrzeichenersetzungsfunktion
✅ QBOX – Vollständige Kompatibilität mit dem modernen QBCore-Fork
✅ ESX – Native ESX-Core-Integration für die Charakterverwaltung
Bekleidungssysteme:
✅ Illenium-Erscheinungsbild – Empfohlenes primäres Bekleidungssystem mit vollständiger Funktionsunterstützung
✅ Fivem-Auftritt – Ältere Illenium-Version für QB/ESX (nicht AJ-Optik oder Standard)
✅ qb-kleidung – Das native Bekleidungssystem von QBCore mit vollständiger Integration
✅ Hautwechsler – das traditionelle Charakterdarstellungssystem von ESX
⚠️ Kundenspezifische Systeme – Funktioniert, wenn Ihr System kompatible Ereignisstrukturen verwendet oder Bekleidungsmenüs über Ereignisse auslösen kann.
Wichtig: Kundenspezifische Bekleidungssysteme müssen ähnliche Ereignisstrukturen unterstützen oder einen triggerbasierten Zugriff auf das Bekleidungsmenü ermöglichen. Falls Ihre kundenspezifische Bekleidung keine kompatiblen Ereignisse auslöst, sind für die Integration möglicherweise Konfigurationsanpassungen oder Brückencode erforderlich.
Perfekt für
Server, die mit modernem UI-Design einen professionellen ersten Eindruck hinterlassen möchten.
Nutzergruppen sind frustriert über langsame, veraltete und umständliche Zeichenauswahlmenüs.
Administratoren, die Wert auf einfache Anpassbarkeit ohne tiefgreifende Frontend-Entwicklungskenntnisse legen.
Rollenspielserver, die Charakterpräsentations- und Fotomöglichkeiten wünschen
Server mit Spendensystemen, die eine ansprechende Shop-Integration wünschen.
Gemeinschaften, die Mitwirkende durch Gutschriften anerkennen und belohnen
Installation
Entpacken Sie den Ordner „um-multicharacter“ in das Ressourcenverzeichnis Ihres Servers.
Framework-Auswahl in config.lua konfigurieren (qbcore/qbox/esx)
Das Bekleidungssystem wird in der Datei config.lua konfiguriert (illenium-appearance/fivem-appearance/qb-clothing/skinchanger/custom)
Spawn-Systempräferenz anpassen (vorhandenen Spawn-Selektor, Standardsystem oder letzten Standort verwenden)
Passe Fotomodusfilter, Charaktereffekte und Animationen an die Ästhetik deines Servers an.
Fügen Sie die URL des Shop-Buttons hinzu, wenn Sie den Zugriff auf die Spendenseite integrieren.
Konfigurieren Sie die Liste der Mitwirkenden Ihrer Community.
Zeit-/Wetterpräferenzen für die Charakterauswahlumgebung festlegen
Füge „ensure um-multicharacter“ zur server.cfg hinzu.
Alte Zeichenauswahl (qb-multicharacter, esx-multicharacter usw.) entfernen oder deaktivieren.
Server neu starten und Charaktererstellung, Charakterwechsel, Charakterlöschung und Fotomodus testen
Technische Spezifikationen
Leistung: Vite-optimiertes Bundle lädt in unter 1 Sekunde mit verzögert geladenen Komponenten für sofortige UI-Reaktionsfähigkeit
Rahmen: Vue3 Composition API mit reaktivem Zustandsmanagement und effizientem Neuzeichnen
Styling: Tailwind setzt auf einen CSS-Utility-First-Ansatz mit anpassbarer Theme-Konfiguration
Build-Tool: Vite für den Austausch von Modulen im laufenden Betrieb während der Entwicklung und für optimierte Produktionsabläufe
Abhängigkeiten: Ihr gewähltes Framework (ESX/QB/QBOX) und kompatibles Bekleidungssystem
Browserunterstützung: FiveM verwendet das moderne Chromium Embedded Framework – keine Probleme mit älteren Browsern
Was zeichnet UM Multicharacter aus?
Die meisten Charakterauswahlen wirken wie ein nachträglicher Einfall – einfache Oberflächen, die schnell zusammengeschustert wurden, um die Mindestfunktionalität zu gewährleisten. UM Multicharacter hingegen nutzt die Charakterauswahl als entscheidende Chance für den ersten Eindruck. Der moderne Technologie-Stack dient nicht nur dem Prestige der Entwickler, sondern bietet messbare Leistungsverbesserungen und einfachere Anpassungsmöglichkeiten. Der Fotomodus ermöglicht kreative Ausdrucksmöglichkeiten, die bei rein funktionalen Auswahlen fehlen. Die intelligente UI-Logik, die irrelevante Schaltflächen ausblendet, zeugt von der Liebe zum Detail in puncto Benutzerfreundlichkeit, die die meisten Entwickler ignorieren.
Die Kompatibilitätsmatrix ist beeindruckend – die Unterstützung von drei Frameworks und vier gängigen Bekleidungssystemen (plus benutzerdefinierten Optionen) erforderte eine sorgfältige architektonische Planung. Viele Charakterauswahl-Tools basieren auf festen Annahmen über ein bestimmtes Framework oder Bekleidungssystem, was die Migration erschwert. Das flexible Design von UM Multicharacter passt sich Ihrer bestehenden Infrastruktur an, anstatt einen kompletten Neuaufbau zu erfordern.
Anpassungspotenzial
Die CSS-Grundlage von Tailwind ermöglicht visuelle Anpassungen auch für Nicht-Designer. Andere Farben gewünscht? Passen Sie die Farbpalette in der Tailwind-Konfiguration an. Andere Schaltflächenstile benötigt? Ändern Sie die Hilfsklassen. Andere Schriftarten oder Abstände bevorzugt? Aktualisieren Sie die Theme-Konfiguration. Dank des Utility-First-Ansatzes werden Änderungen automatisch in der gesamten Benutzeroberfläche übernommen.
Für umfassendere Anpassungen ist die Komponentenstruktur von Vue3 modular und gut dokumentiert. Tauschen Sie die Benutzeroberfläche des Fotomodus aus, fügen Sie neue Funktionen zur Charakterpräsentation hinzu, integrieren Sie zusätzliche Shop-Bereiche oder erstellen Sie eigene Übergangseffekte. Die moderne Codebasis begrüßt Änderungen, anstatt sie wie veraltete Spaghetti-Code-Selektoren zu behindern.
Support und Updates
Die umfassende Dokumentation deckt die Installation für alle Framework-Kombinationen, die Konfiguration des Kleidungssystems, die Integration des Spawnsystems, die Nutzung des Fotomodus und die Behebung häufiger Probleme ab. Die aktive Discord-Community teilt Anpassungsbeispiele, ästhetische Konfigurationen und Filtervoreinstellungen für den Fotomodus. Regelmäßige Updates gewährleisten die Kompatibilität mit Framework-Updates und FiveM-Patches und fügen von der Community gewünschte Funktionen hinzu. Sie investieren in aktiv gepflegte Software, nicht in verwaisten Code.
