{"id":145731,"date":"2024-07-03T11:25:41","date_gmt":"2024-07-03T09:25:41","guid":{"rendered":"https:\/\/hifivem.com\/?p=145731"},"modified":"2025-12-23T16:32:46","modified_gmt":"2025-12-23T15:32:46","slug":"trew-hud","status":"publish","type":"post","link":"https:\/\/fivemx.com\/de\/trew-hud\/","title":{"rendered":"Trew HUD (qbCore\/ESX) \u2013 FiveMX"},"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<iframe title=\"TREW HUD UI - Eine Benutzeroberfl\u00e4che f\u00fcr FiveM\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/u1QTJ5aHcGA?feature=oembed\" loading=\"lazy\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\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 installieren Sie FiveM HUD<\/a><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Extrahieren Sie die Dateien:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Extrahieren Sie die <code>.Rei\u00dfverschluss<\/code> Datei oder \u00f6ffnen Sie sie direkt.<\/li>\n\n\n\n<li>Ort <code>trew_hud_ui<\/code> in Ihrem 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\u00fcgen Sie die folgende Zeile zu Ihrem <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>Ersetzen Sie den vorhandenen 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>Richten Sie notwendige Artikel wie Schwarzgeld ein, indem Sie die Artikel-ID in <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 = &quot;dirty_money&quot; -- \u00c4ndern Sie dies in die ID Ihres Schwarzgeld-Artikels<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> Legen Sie die URL Ihres Serverlogos fest.<\/li>\n\n\n\n<li><strong>Konfig.Schriftart:<\/strong> Passen Sie die Schriftart der Benutzeroberfl\u00e4che an (Standard ist Montserrat).<\/li>\n\n\n\n<li><strong>Konfig.Datum:<\/strong> Legen Sie das Datumsformat f\u00fcr den GPS-Standort fest.<\/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\">Sie k\u00f6nnen benutzerdefinierte Indikatoren f\u00fcr bestehende Zust\u00e4nde 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! K\u00f6nnen Sie das beheben?<\/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 Sie das tats\u00e4chliche Datum anzeigen m\u00f6chten, k\u00f6nnen Sie bearbeiten <code>app.js<\/code> mit JavaScript <code>Datum()<\/code> Funktion. Googlen Sie es f\u00fcr weitere Informationen.<\/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> gehen Sie zu <code>ui.html<\/code> Dateien und suchen Sie nach dem <code>Ausweis<\/code> Attribut der Elemente, die Sie ausblenden m\u00f6chten. Bearbeiten Sie dann die <code>umschalten<\/code> Befehl in <code>client.lua<\/code> um Ihren Bed\u00fcrfnissen gerecht zu werden.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>F: Beabsichtigen Sie, eine Version zu ver\u00f6ffentlichen, die DIESES oder JENSERES 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, aktivieren Sie die <code>main.css<\/code> Datei und \u00e4ndern Sie die <code>Spitze<\/code>, <code>links<\/code>, <code>Rechts<\/code>, oder <code>unten<\/code> Eigenschaften der gew\u00fcnschten Elemente. Seien Sie vorsichtig und lesen Sie \u00fcber absolute Positionierung in CSS. Um beispielsweise ein Element unten zu positionieren, verwenden Sie die <code>UNTEN<\/code> Eigentum statt <code>SPITZE<\/code>.<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>It was a great experience playing GTA5 RP and learning LUA to code the Trew HUD UI. However, after numerous challenges with the FiveM community and the project itself, I have decided to discontinue further development. It&#8217;s been 6 months since I last played GTA5 RP, and continuing this project no longer makes sense. Video [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":145732,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2297,2330,2877,2298],"tags":[],"class_list":["post-145731","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-free","category-hud","category-free-fivem-job-scripts","category-scripts"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/posts\/145731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/comments?post=145731"}],"version-history":[{"count":0,"href":"https:\/\/fivemx.com\/de\/wp-json\/wp\/v2\/posts\/145731\/revisions"}],"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"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}