{"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":"post","link":"https:\/\/fivemx.com\/it\/trew-hud\/","title":{"rendered":"Trew HUD (qbCore\/ESX)"},"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<div class=\"video-container\"><iframe title=\"TREW HUD UI - Un&#039;interfaccia utente per 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\" allowfullscreen referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/div>\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 data-no-translation=\"\">.zip<\/code> file o aprirlo direttamente.<\/li>\n\n\n\n<li>Posto <code data-no-translation=\"\">trew_hud_ui<\/code> nella directory delle risorse.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Aggiornamento <code data-no-translation=\"\">server.cfg<\/code>:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Aggiungi la seguente riga al tuo <code data-no-translation=\"\">server.cfg<\/code> file:sqlCode copia<code data-no-translation=\"\">start 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 data-no-translation=\"\">es_extended<\/code><\/li>\n\n\n\n<li><code data-no-translation=\"\">esx_society<\/code><\/li>\n\n\n\n<li><code data-no-translation=\"\">esx_addonaccount<\/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 data-no-translation=\"\">esx_basicneeds<\/code><\/li>\n\n\n\n<li><code data-no-translation=\"\">esx_status<\/code><\/li>\n\n\n\n<li><code data-no-translation=\"\">LegacyFuel<\/code> (dovrebbe essere avviato <strong>Prima<\/strong> <code data-no-translation=\"\">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 data-no-translation=\"\">es_extended\/config.lua<\/code> e impostare <code data-no-translation=\"\">Config.EnableHud<\/code> A <code data-no-translation=\"\">false<\/code>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Sostituzione del codice in <code data-no-translation=\"\">esx_basicneeds\/main.lua<\/code>:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sostituisci il codice esistente: <code data-no-translation=\"\">TriggerEvent('esx_status:registerStatus', 'hunger', 1000000, '#CFAD0F', function(status) return true end, function(status) status.remove(1000) end) TriggerEvent('esx_status:registerStatus', 'thirst', 1000000, '#0C98F1', function(status) return true end, function(status) status.remove(750) end) <\/code>con: <code data-no-translation=\"\">TriggerEvent('esx_status:registerStatus', 'hunger', 1000000, '#CFAD0F', function(status) return false end, function(status) status.remove(1000) end) TriggerEvent('esx_status:registerStatus', 'thirst', 1000000, '#0C98F1', function(status) return false end, function(status) status.remove(750) end)<\/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 data-no-translation=\"\">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 data-no-translation=\"\" class=\"wp-block-preformatted\"><code data-no-translation=\"\">Config.vRP = {<br> blackMoney = \"dirty_money\" -- Change this to your black money item ID<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 data-no-translation=\"\">en<\/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 data-no-translation=\"\" class=\"wp-block-preformatted\">n<code data-no-translation=\"\">exports.trew_hud_ui.createStatus({<br> status = 'stress',<br> color = '#FF0090',<br> icon = '&lt;i class=\"fas fa-brain\"&gt;&lt;\/i&gt;'<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 data-no-translation=\"\" class=\"wp-block-preformatted\"><code data-no-translation=\"\">Citizen.CreateThread(function()<br> while true do<br> Citizen.Wait(1000)<br> <br> local STRESS_STATUS<br><br> TriggerEvent('esx_status:getStatus', 'stress', function(status)<br> STRESS_STATUS = status.getPercent()<br> end)<br><br> exports.trew_hud_ui:setStatus({<br> name = 'stress',<br> value = STRESS_STATUS<br> });<br> end<br>end)<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 data-no-translation=\"\" class=\"wp-block-preformatted\"><code data-no-translation=\"\">\/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 data-no-translation=\"\">app.js<\/code> utilizzando JavaScript <code data-no-translation=\"\">Date()<\/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 data-no-translation=\"\">\/toggleui<\/code> comando, vai al <code data-no-translation=\"\">ui.html<\/code> file e cerca il <code data-no-translation=\"\">id<\/code> attributo degli elementi che vuoi nascondere. Quindi, modifica il <code data-no-translation=\"\">toggleui<\/code> comando in <code data-no-translation=\"\">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 data-no-translation=\"\">main.css<\/code> file e modifica il <code data-no-translation=\"\">top<\/code>, <code data-no-translation=\"\">left<\/code>, <code data-no-translation=\"\">right<\/code>, O <code data-no-translation=\"\">bottom<\/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 data-no-translation=\"\">BOTTOM<\/code> propriet\u00e0 invece di <code data-no-translation=\"\">TOP<\/code>.<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Trew HUD is a discontinued FiveM HUD resource whose archived notes cover player ID, postal code, money, job, hunger and thirst displays.<\/p>","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"],"_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":2,"href":"https:\/\/fivemx.com\/it\/wp-json\/wp\/v2\/posts\/145731\/revisions"}],"predecessor-version":[{"id":214564,"href":"https:\/\/fivemx.com\/it\/wp-json\/wp\/v2\/posts\/145731\/revisions\/214564"}],"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}]}}