{"id":145731,"date":"2024-07-03T11:25:41","date_gmt":"2024-07-03T09:25:41","guid":{"rendered":"https:\/\/hifivem.com\/?p=145731"},"modified":"2026-07-26T07:59:58","modified_gmt":"2026-07-26T05:59:58","slug":"trew-hud","status":"publish","type":"fivemx_free_resource","link":"https:\/\/fivemx.com\/de\/kostenlos\/trew-hud\/","title":{"rendered":"Trew-HUD (qbCore\/ESX)"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Es war eine tolle Erfahrung, GTA5 RP zu spielen und LUA zu lernen, um die Trew-HUD-Benutzeroberfl\u00e4che zu programmieren. Nach zahlreichen Herausforderungen mit der FiveM-Community und dem Projekt selbst habe ich mich jedoch entschieden, die Weiterentwicklung einzustellen. Es ist sechs Monate her, seit ich das letzte Mal GTA5 RP gespielt habe, und die Fortsetzung dieses Projekts macht keinen Sinn mehr.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Videovorschau<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"video-container\"><iframe title=\"TREW HUD UI - Eine Benutzeroberfl\u00e4che f\u00fcr FiveM\" width=\"1170\" height=\"658\" src=\"https:\/\/www.youtube.com\/embed\/u1QTJ5aHcGA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Downloadspiegel<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Merkmale<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Serverlogo;<\/li>\n\n\n\n<li>Beruf und Berufsgruppe;<\/li>\n\n\n\n<li>Geld, schmutziges Geld, Bank und Gesellschaft (letzteres gilt nur f\u00fcr ESX);<\/li>\n\n\n\n<li>Status wie Gesundheit, R\u00fcstung, Ausdauer, Hunger und Durst;<\/li>\n\n\n\n<li>Tachometer mit Sicherheitsgurt <a class=\"wpil_keyword_link\" href=\"https:\/\/fivemx.com\/de\/unterstutzung\/\" title=\"Unterst\u00fctzung\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"1187\">Unterst\u00fctzung<\/a>, Kraftstofferkennung, Lichter, Gangwechsel, Warnungen und Sirenen (f\u00fcr Einsatzfahrzeuge);<\/li>\n\n\n\n<li>Ort und Zeit;<\/li>\n\n\n\n<li>Sprachsteuerung (OneSync-f\u00e4hig);<\/li>\n\n\n\n<li>Benutzeroberfl\u00e4che f\u00fcr Waffen;<\/li>\n\n\n\n<li>Benutzerdefinierte Statuseinbindung.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Installationsanleitung<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/fivemx.com\/de\/so-installieren-sie-fivem-hud\/\">So installierst du FiveM HUD<\/a><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Extrahiere die Dateien:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Extrahiere die <code>.Rei\u00dfverschluss<\/code> Datei oder \u00f6ffne sie direkt.<\/li>\n\n\n\n<li>Ort <code>trew_hud_ui<\/code> in deinem Ressourcenverzeichnis.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Aktualisieren <code>server.cfg<\/code>:<\/strong>\n<ul class=\"wp-block-list\">\n<li>F\u00fcge die folgende Zeile zu deinem hinzu <code>server.cfg<\/code> Datei:sqlCode kopieren<code>trew_hud_ui starten<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Spezielle Hinweise zur ESX-Version<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Anforderungen:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>es_extended<\/code><\/li>\n\n\n\n<li><code>esx_gesellschaft<\/code><\/li>\n\n\n\n<li><code>esx_addonaccount<\/code><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Optional:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>esx_basicneeds<\/code><\/li>\n\n\n\n<li><code>esx_status<\/code><\/li>\n\n\n\n<li><code>LegacyFuel<\/code> (es sollte gestartet werden <strong>vor<\/strong> <code>trew_hud_ui<\/code>)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Standard-HUD deaktivieren:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gehe zu <code>es_extended\/config.lua<\/code> und setzen <code>Config.EnableHud<\/code> Zu <code>FALSCH<\/code>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ersetzen von Code in <code>esx_basicneeds\/main.lua<\/code>:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ersetze den bestehenden Code: <code>TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;Hunger&#039;, 1000000, &#039;#CFAD0F&#039;, Funktion(Status) gibt true zur\u00fcck, Ende, Funktion(Status) status.entfernen(1000) Ende) TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;Durst&#039;, 1000000, &#039;#0C98F1&#039;, Funktion(Status) gibt true zur\u00fcck, Ende, Funktion(Status) status.entfernen(750) Ende) <\/code>mit: <code>TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;Hunger&#039;, 1000000, &#039;#CFAD0F&#039;, Funktion(Status) gibt false zur\u00fcck, Ende, Funktion(Status) status.entfernen(1000) Ende) TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;Durst&#039;, 1000000, &#039;#0C98F1&#039;, Funktion(Status) gibt false zur\u00fcck, Ende, Funktion(Status) status.entfernen(750) Ende)<\/code><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Spezielle Anweisungen f\u00fcr die VRP\/VRPEX-Versionen<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Config.vRP-Einstellungen:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Richte notwendige Gegenst\u00e4nde wie Schwarzgeld ein, indem du die Gegenstands-ID im <code>config.lua<\/code>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Config.vRP Beispiel:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>Config.vRP = {<br> blackMoney = \"dirty_money\" -- \u00c4ndere dies zu deiner schwarzen Geld-Artikel-ID<br>}<br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Allgemeine Konfigurationen:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Konfig.Gebietsschema:<\/strong> Sprache festlegen (Standard ist <code>de<\/code>).<\/li>\n\n\n\n<li><strong>Config.serverLogo:<\/strong> Setze die URL deines Server-Logos.<\/li>\n\n\n\n<li><strong>Konfig.Schriftart:<\/strong> Passe die UI-Schriftart an (Standard ist Montserrat).<\/li>\n\n\n\n<li><strong>Konfig.Datum:<\/strong> Setze das Datumsformat f\u00fcr den GPS-Standort.<\/li>\n\n\n\n<li><strong>Konfig.Stimme:<\/strong> Spracheinstellungen konfigurieren (OneSync-kompatibel).<\/li>\n\n\n\n<li><strong>Konfig.Fahrzeug:<\/strong> Fahrzeug- und Tachoeinstellungen konfigurieren.<\/li>\n\n\n\n<li><strong>Config.ui:<\/strong> Anzeigeelemente des HUD umschalten.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Benutzerdefinierten Status hinzuf\u00fcgen<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Du kannst benutzerdefinierte Indikatoren f\u00fcr bestehende Statusmeldungen wie Stress oder Trunkenheit erstellen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Beispiel:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">N<code>exports.trew_hud_ui.createStatus({<br> Status = &quot;Stress&quot;,<br> Farbe = &#039;#FF0090&#039;,<br> Symbol = &#039;<i class=\"fas fa-brain\"><\/i> &#039;<br>});<br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Aktualisieren des benutzerdefinierten Status:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>B\u00fcrger.CreateThread(Funktion()<br> w\u00e4hrend wahr<br> B\u00fcrger.Warten(1000)<br> <br> lokaler STRESS_STATUS<br><br> TriggerEvent(&#039;esx_status:getStatus&#039;, &#039;Stress&#039;, Funktion(Status)<br> STRESS_STATUS = status.getPercent()<br> Ende)<br><br> exports.trew_hud_ui:setStatus({<br> Name = &quot;Stress&quot;,<br> Wert = STRESS_STATUS<br> });<br> Ende<br>Ende)<br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Chat-Befehle:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\/umschalten:<\/strong> Aktiviert\/Deaktiviert HUD-Informationselemente, <a href=\"https:\/\/fivemx.com\/de\/so-werden-sie-zum-gta-rp-content-ersteller\/\" id=\"498\">n\u00fctzlich f\u00fcr Streamer<\/a>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Anwendungsbeispiel:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>\/umschalten<br><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufig gestellte Fragen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>F: Das HUD-Datum ist falsch! Kannst du es reparieren?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A:<\/strong> Das HUD-Datum verwendet das Spiel <a href=\"https:\/\/fivemx.com\/de\/leistung\/\" title=\"FiveM Serverleistung und -optimierung\" data-wpil-monitor-id=\"1519\">Serverzeit und Standardfunktionen f\u00fcr FiveM<\/a>, also ist es nicht falsch. Wenn du das echte Datum anzeigen m\u00f6chtest, kannst du es bearbeiten <code>app.js<\/code> mit JavaScript <code>Datum()<\/code> Funktion. Google es f\u00fcr mehr Infos.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>F: Wie kann ich den Befehl \/toggleui bearbeiten, um die Elemente auszublenden?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A:<\/strong> Zum Bearbeiten der <code>\/umschalten<\/code> Befehl, gehe zu dem <code>ui.html<\/code> Dateien und suche nach den <code>Ausweis<\/code> Attribut der Elemente, die du ausblenden m\u00f6chtest. Bearbeite dann die <code>umschalten<\/code> Befehl in <code>client.lua<\/code> um deinen Bed\u00fcrfnissen anzupassen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>F: Beabsichtigst du, eine Version zu ver\u00f6ffentlichen, die THIS oder THAT Skript unterst\u00fctzt?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A:<\/strong> Derzeit nicht. LegacyFuel wird als optionale Funktion angezeigt, da es das Kraftstoffverhalten \u00e4ndert, aber keine speziellen Funktionen erfordert.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>F: Ich m\u00f6chte die Positionen der Elemente \u00e4ndern. Wie kann ich das tun?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A:<\/strong> Um die Positionen der Elemente zu \u00e4ndern, \u00fcberpr\u00fcfe die <code>main.css<\/code> Datei und \u00e4ndere die <code>Spitze<\/code>, <code>links<\/code>, <code>Rechts<\/code>, oder <code>unten<\/code> Eigenschaften der Elemente, die du m\u00f6chtest. Sei vorsichtig und lies \u00fcber absolute Positionierung in CSS. Zum Beispiel, um ein Element unten zu positionieren, verwende die <code>UNTEN<\/code> Eigentum statt <code>SPITZE<\/code>.<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Trew HUD ist eine eingestellte FiveM HUD-Ressource, deren archivierte Notizen die Anzeigen f\u00fcr Spieler-ID, Postleitzahl, Geld, Job, Hunger und Durst abdecken.<\/p>","protected":false},"featured_media":145732,"template":"","meta":{"footnotes":""},"categories":[2297,2330,2877,2298],"tags":[2858,3001,2928,3000,2859],"free-resource-types":[3075],"free-resource-frameworks":[3070,3071,3076],"class_list":["post-145731","fivemx_free_resource","type-fivemx_free_resource","status-publish","has-post-thumbnail","hentry","category-free","category-hud","category-free-fivem-job-scripts","category-scripts","tag-esx","tag-fivem-script","tag-free","tag-free-script","tag-qbcore","fivemx_free_resource_type-hud","fivemx_free_resource_framework-esx","fivemx_free_resource_framework-qbcore","fivemx_free_resource_framework-vrp"],"_links":{"self":[{"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/free-resources\/145731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/free-resources"}],"about":[{"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/types\/fivemx_free_resource"}],"version-history":[{"count":2,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/free-resources\/145731\/revisions"}],"predecessor-version":[{"id":214564,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/free-resources\/145731\/revisions\/214564"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/media\/145732"}],"wp:attachment":[{"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/media?parent=145731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/categories?post=145731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/tags?post=145731"},{"taxonomy":"fivemx_free_resource_type","embeddable":true,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/free-resource-types?post=145731"},{"taxonomy":"fivemx_free_resource_framework","embeddable":true,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/free-resource-frameworks?post=145731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}