{"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\/it\/trew-hud\/","title":{"rendered":"Trew HUD (qbCore\/ESX) &#8211; FiveMX"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Giocare a GTA5 RP e imparare il linguaggio di programmazione LUA per programmare l&#039;interfaccia utente dell&#039;HUD di Trew \u00e8 stata un&#039;esperienza fantastica. Tuttavia, dopo numerose sfide con la community di FiveM e con il progetto stesso, ho deciso di interromperne lo sviluppo. Sono passati 6 mesi dall&#039;ultima volta che ho giocato a GTA5 RP e continuare questo progetto non ha pi\u00f9 senso.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Anteprima video<\/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 loading=\"lazy\" title=\"TREW HUD UI - Un&#039;interfaccia utente per FiveM\" width=\"1290\" height=\"726\" 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>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Scarica Mirror<\/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\">Caratteristiche<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Logo del server;<\/li>\n\n\n\n<li>Lavoro e livello lavorativo;<\/li>\n\n\n\n<li>Denaro, denaro sporco, banca e societ\u00e0 (quest&#039;ultimo vale solo per ESX);<\/li>\n\n\n\n<li>Stati come salute, armatura, resistenza, fame e sete;<\/li>\n\n\n\n<li>Tachimetro con cintura di sicurezza <a class=\"wpil_keyword_link\" href=\"https:\/\/fivemx.com\/it\/supporto\/\" title=\"supporto\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"1187\">supporto<\/a>, rilevamento carburante, luci, cambio marcia, avvisi e sirene (per veicoli di emergenza);<\/li>\n\n\n\n<li>Luogo e ora;<\/li>\n\n\n\n<li>Controllo vocale (compatibile con OneSync);<\/li>\n\n\n\n<li>Interfaccia utente per le armi;<\/li>\n\n\n\n<li>Inclusione dello stato personalizzato.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Istruzioni per l&#039;installazione<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/fivemx.com\/it\/come-installare-lhud-fivem\/\">Come installare FiveM HUD<\/a><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Estrarre i file:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Estrarre il <code>.zip<\/code> file o aprirlo direttamente.<\/li>\n\n\n\n<li>Posto <code>trew_hud_ui<\/code> nella directory delle risorse.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Aggiornamento <code>server.cfg<\/code>:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Aggiungi la seguente riga al tuo <code>server.cfg<\/code> file:sqlCode copia<code>avvia trew_hud_ui<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Istruzioni speciali per la versione ESX<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Requisiti:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>es_esteso<\/code><\/li>\n\n\n\n<li><code>esx_society<\/code><\/li>\n\n\n\n<li><code>accountaddonesx<\/code><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Opzionale:<\/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> (dovrebbe essere avviato <strong>Prima<\/strong> <code>trew_hud_ui<\/code>)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Disabilitazione dell&#039;HUD predefinito:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vai a <code>es_extended\/config.lua<\/code> e impostare <code>Config.EnableHud<\/code> A <code>falso<\/code>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Sostituzione del codice in <code>esx_basicneeds\/main.lua<\/code>:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sostituisci il codice esistente: <code>TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;fame&#039;, 1000000, &#039;#CFAD0F&#039;, function(status) restituisce true fine, function(status) status.remove(1000) fine) TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;sete&#039;, 1000000, &#039;#0C98F1&#039;, function(status) restituisce true fine, function(status) status.remove(750) fine) <\/code>con: <code>TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;fame&#039;, 1000000, &#039;#CFAD0F&#039;, function(status) restituisce false fine, function(status) status.remove(1000) fine) TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;sete&#039;, 1000000, &#039;#0C98F1&#039;, function(status) restituisce false fine, function(status) status.remove(750) fine)<\/code><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Istruzioni speciali per le versioni VRP\/VRPEX<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Impostazioni Config.vRP:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Imposta gli elementi necessari come denaro nero specificando l&#039;ID dell&#039;elemento in <code>config.lua<\/code>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Esempio di Config.vRP:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>Config.vRP = {<br>  blackMoney = &quot;dirty_money&quot; -- Sostituiscilo con l&#039;ID del tuo oggetto di denaro nero<br>}<br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Configurazioni generali:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Config.Locale:<\/strong> Imposta la lingua (l&#039;impostazione predefinita \u00e8 <code>esso<\/code>).<\/li>\n\n\n\n<li><strong>Config.serverLogo:<\/strong> Imposta l&#039;URL del logo del tuo server.<\/li>\n\n\n\n<li><strong>Config.font:<\/strong> Personalizza il font dell&#039;interfaccia utente (il carattere predefinito \u00e8 Montserrat).<\/li>\n\n\n\n<li><strong>Data di configurazione:<\/strong> Imposta il formato della data per la posizione GPS.<\/li>\n\n\n\n<li><strong>Config.voice:<\/strong> Configura le impostazioni vocali (compatibile con OneSync).<\/li>\n\n\n\n<li><strong>Config.veicolo:<\/strong> Configura le impostazioni del veicolo e del tachimetro.<\/li>\n\n\n\n<li><strong>Config.ui:<\/strong> Attiva\/disattiva gli elementi visualizzati dell&#039;HUD.<\/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>Aggiunta di stato personalizzato<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c8 possibile creare indicatori personalizzati per stati esistenti come stress o ubriachezza.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Esempio:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">N<code>esportazioni.trew_hud_ui.createStatus({<br>  stato = &#039;stress&#039;,<br>  colore = &#039;#FF0090&#039;,<br>  icona = &#039;<i class=\"fas fa-brain\"><\/i> &#039;<br>});<br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Aggiornamento dello stato personalizzato:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>Cittadino.CreateThread(funzione()<br>  mentre \u00e8 vero<br>    Cittadino.Aspetta(1000)<br>    <br>    STRESS_STATUS locale<br><br>    TriggerEvent(&#039;esx_status:getStatus&#039;, &#039;stress&#039;, function(stato)<br>      STRESS_STATUS = stato.getPercent()<br>    FINE)<br><br>    exports.trew_hud_ui:setStatus({<br>      nome = &#039;stress&#039;,<br>      valore = STRESS_STATUS<br>    });<br>  FINE<br>FINE)<br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Comandi di chat:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\/toggleui:<\/strong> Abilita\/disabilita gli elementi informativi HUD, <a href=\"https:\/\/fivemx.com\/it\/come-diventare-creatore-di-contenuti-gta-rp\/\" id=\"498\">utile per gli streamer<\/a>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Esempio di utilizzo:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>\/toggleui<br><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Domande frequenti<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>D: La data HUD \u00e8 sbagliata! Potete correggerla?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>UN:<\/strong> La data HUD utilizza il gioco <a href=\"https:\/\/fivemx.com\/it\/prestazione\/\" title=\"Prestazioni e ottimizzazione del server FiveM\" data-wpil-monitor-id=\"1519\">orario del server e funzioni predefinite per FiveM<\/a>, quindi non \u00e8 sbagliato. Se vuoi visualizzare la data reale, puoi modificare <code>app.js<\/code> utilizzando JavaScript <code>Data()<\/code> funzione. Cercala su Google per maggiori informazioni.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>D: Come posso modificare il comando \/toggleui per nascondere gli elementi?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>UN:<\/strong> Per modificare il <code>\/toggleui<\/code> comando, vai al <code>ui.html<\/code> file e cerca il <code>id<\/code> attributo degli elementi che vuoi nascondere. Quindi, modifica il <code>attiva\/disattiva<\/code> comando in <code>client.lua<\/code> in base alle tue esigenze.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>D: Avete intenzione di rilasciare una versione che supporti QUESTO o QUELLO script?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>UN:<\/strong> Al momento no. LegacyFuel \u00e8 mostrato come funzionalit\u00e0 opzionale perch\u00e9 modifica il comportamento del carburante ma non richiede funzioni speciali per funzionare.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>D: Vorrei cambiare la posizione degli elementi. Come posso fare?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>UN:<\/strong> Per modificare le posizioni degli elementi, selezionare <code>principale.css<\/code> file e modifica il <code>superiore<\/code>, <code>Sinistra<\/code>, <code>Giusto<\/code>, O <code>metter il fondo a<\/code> propriet\u00e0 degli elementi desiderati. Fai attenzione e leggi attentamente le informazioni sul posizionamento assoluto in CSS. Ad esempio, per posizionare un elemento in basso, usa <code>METTER IL FONDO A<\/code> propriet\u00e0 invece di <code>SUPERIORE<\/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":[2858,3001,2928,3000,2859],"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","tag-esx","tag-fivem-script","tag-free","tag-free-script","tag-qbcore"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/fivemx.com\/it\/wp-json\/wp\/v2\/posts\/145731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemx.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fivemx.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fivemx.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fivemx.com\/it\/wp-json\/wp\/v2\/comments?post=145731"}],"version-history":[{"count":0,"href":"https:\/\/fivemx.com\/it\/wp-json\/wp\/v2\/posts\/145731\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemx.com\/it\/wp-json\/wp\/v2\/media\/145732"}],"wp:attachment":[{"href":"https:\/\/fivemx.com\/it\/wp-json\/wp\/v2\/media?parent=145731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemx.com\/it\/wp-json\/wp\/v2\/categories?post=145731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemx.com\/it\/wp-json\/wp\/v2\/tags?post=145731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}