{"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\/pt\/trew-hud\/","title":{"rendered":"Trew HUD (qbCore\/ESX) \u2013 FiveMX"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Foi uma \u00f3tima experi\u00eancia jogar GTA5 RP e aprender LUA para programar a interface do usu\u00e1rio do Trew. No entanto, ap\u00f3s in\u00fameros desafios com a comunidade FiveM e com o pr\u00f3prio projeto, decidi interromper o desenvolvimento. J\u00e1 faz 6 meses desde a \u00faltima vez que joguei GTA5 RP, e continuar com este projeto n\u00e3o faz mais sentido.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pr\u00e9via do v\u00eddeo<\/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 - Uma interface de usu\u00e1rio para 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\">Baixar Espelho<\/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\">Caracter\u00edsticas<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Logotipo do servidor;<\/li>\n\n\n\n<li>Cargo e n\u00edvel de cargo;<\/li>\n\n\n\n<li>Dinheiro, dinheiro sujo, banco e sociedade (este \u00faltimo \u00e9 somente para ESX);<\/li>\n\n\n\n<li>Status como sa\u00fade, armadura, resist\u00eancia, fome e sede;<\/li>\n\n\n\n<li>Veloc\u00edmetro com cinto de seguran\u00e7a <a class=\"wpil_keyword_link\" href=\"https:\/\/fivemx.com\/pt\/apoiar\/\" title=\"apoiar\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"1187\">apoiar<\/a>, detec\u00e7\u00e3o de combust\u00edvel, luzes, troca de marchas, alertas e sirenes (para ve\u00edculos de emerg\u00eancia);<\/li>\n\n\n\n<li>Localiza\u00e7\u00e3o e hora;<\/li>\n\n\n\n<li>Controlador de voz (compat\u00edvel com OneSync);<\/li>\n\n\n\n<li>Interface de usu\u00e1rio para armas;<\/li>\n\n\n\n<li>Inclus\u00e3o de status personalizado.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Instru\u00e7\u00f5es de instala\u00e7\u00e3o<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/fivemx.com\/pt\/como-instalar-fivem-hud\/\">Como instalar o FiveM HUD<\/a><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Extraia os arquivos:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Extrair o <code>.zip<\/code> arquivo ou abri-lo diretamente.<\/li>\n\n\n\n<li>Lugar <code>trew_hud_ui<\/code> no seu diret\u00f3rio de recursos.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Atualizar <code>servidor.cfg<\/code>:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Adicione a seguinte linha ao seu <code>servidor.cfg<\/code> arquivo:sqlCode copiar<code>iniciar trew_hud_ui<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Instru\u00e7\u00f5es especiais para a vers\u00e3o ESX<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Requisitos:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>es_extendido<\/code><\/li>\n\n\n\n<li><code>esx_sociedade<\/code><\/li>\n\n\n\n<li><code>esx_addonaccount<\/code><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Opcional:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>esx_necessidades b\u00e1sicas<\/code><\/li>\n\n\n\n<li><code>esx_status<\/code><\/li>\n\n\n\n<li><code>Combust\u00edvel Legado<\/code> (deve ser iniciado <strong>antes<\/strong> <code>trew_hud_ui<\/code>)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Desabilitando o HUD padr\u00e3o:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>V\u00e1 para <code>es_extended\/config.lua<\/code> e definir <code>Configura\u00e7\u00e3o.EnableHud<\/code> para <code>falso<\/code>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Substituindo o c\u00f3digo em <code>esx_basicneeds\/main.lua<\/code>:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Substitua o c\u00f3digo existente: <code>TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;fome&#039;, 1000000, &#039;#CFAD0F&#039;, fun\u00e7\u00e3o(status) retorna verdadeiro fim, fun\u00e7\u00e3o(status) status.remove(1000) fim) TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;sede&#039;, 1000000, &#039;#0C98F1&#039;, fun\u00e7\u00e3o(status) retorna verdadeiro fim, fun\u00e7\u00e3o(status) status.remove(750) fim) <\/code>com: <code>TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;fome&#039;, 1000000, &#039;#CFAD0F&#039;, fun\u00e7\u00e3o(status) retorna falso fim, fun\u00e7\u00e3o(status) status.remove(1000) fim) TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;sede&#039;, 1000000, &#039;#0C98F1&#039;, fun\u00e7\u00e3o(status) retorna falso fim, fun\u00e7\u00e3o(status) status.remove(750) fim)<\/code><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Instru\u00e7\u00f5es especiais para as vers\u00f5es VRP\/VRPEX<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Configura\u00e7\u00f5es do Config.vRP:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Configure itens necess\u00e1rios como dinheiro sujo especificando o ID do item em <code>configura\u00e7\u00e3o.lua<\/code>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Exemplo de Config.vRP:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>Configura\u00e7\u00e3o.vRP = {<br>  blackMoney = &quot;dirty_money&quot; -- Altere isso para o ID do seu item de dinheiro sujo<br>}<br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Configura\u00e7\u00f5es gerais:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Configura\u00e7\u00e3o.Localidade:<\/strong> Definir idioma (o padr\u00e3o \u00e9 <code>em<\/code>).<\/li>\n\n\n\n<li><strong>Config.serverLogo:<\/strong> Defina a URL do logotipo do seu servidor.<\/li>\n\n\n\n<li><strong>Config.fonte:<\/strong> Personalize a fonte da interface do usu\u00e1rio (o padr\u00e3o \u00e9 Montserrat).<\/li>\n\n\n\n<li><strong>Data de configura\u00e7\u00e3o:<\/strong> Defina o formato de data para a localiza\u00e7\u00e3o GPS.<\/li>\n\n\n\n<li><strong>Config.voz:<\/strong> Configurar configura\u00e7\u00f5es de voz (compat\u00edvel com OneSync).<\/li>\n\n\n\n<li><strong>Config.ve\u00edculo:<\/strong> Configure as configura\u00e7\u00f5es do ve\u00edculo e do veloc\u00edmetro.<\/li>\n\n\n\n<li><strong>Config.ui:<\/strong> Alternar elementos de exibi\u00e7\u00e3o do 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>Adicionando status personalizado<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Voc\u00ea pode criar indicadores personalizados para status existentes, como estresse ou embriaguez.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Exemplo:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">e<code>exporta\u00e7\u00f5es.trew_hud_ui.createStatus({<br>  estado = &#039;estresse&#039;,<br>  cor = &#039;#FF0090&#039;,<br>  \u00edcone = &#039;<i class=\"fas fa-brain\"><\/i> &#039;<br>});<br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Atualizando o status personalizado:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>Cidad\u00e3o.CreateThread(fun\u00e7\u00e3o()<br>  enquanto verdadeiro fa\u00e7a<br>    Cidad\u00e3o.Espera(1000)<br>    <br>    ESTADO_DE_STRESS_LOCAL<br><br>    TriggerEvent(&#039;esx_status:getStatus&#039;, &#039;estresse&#039;, fun\u00e7\u00e3o(status)<br>      STATUS_DE_ESTRESSE = status.getPercent()<br>    fim)<br><br>    exporta\u00e7\u00f5es.trew_hud_ui:setStatus({<br>      nome = &#039;estresse&#039;,<br>      valor = STATUS_DE_STRESS<br>    });<br>  fim<br>fim)<br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Comandos de bate-papo:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\/toggleui:<\/strong> Habilita\/Desabilita elementos de informa\u00e7\u00e3o do HUD, <a href=\"https:\/\/fivemx.com\/pt\/como-se-tornar-um-criador-de-conteudo-do-gta-rp\/\" id=\"498\">\u00fatil para streamers<\/a>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Exemplo de uso:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>\/alternarinterface do usu\u00e1rio<br><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Perguntas frequentes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>P: A data do HUD est\u00e1 errada! Voc\u00ea pode consertar?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>UM:<\/strong> A data do HUD usa o jogo <a href=\"https:\/\/fivemx.com\/pt\/desempenho\/\" title=\"Desempenho e otimiza\u00e7\u00e3o do servidor FiveM\" data-wpil-monitor-id=\"1519\">hora do servidor e fun\u00e7\u00f5es padr\u00e3o para FiveM<\/a>, ent\u00e3o n\u00e3o est\u00e1 errado. Se voc\u00ea quiser exibir a data real, voc\u00ea pode editar <code>aplicativo.js<\/code> usando JavaScript <code>Data()<\/code> fun\u00e7\u00e3o. Pesquise no Google para mais informa\u00e7\u00f5es.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>P: Como posso editar o comando \/toggleui para ocultar os elementos?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>UM:<\/strong> Para editar o <code>\/alternarinterface do usu\u00e1rio<\/code> comando, v\u00e1 para o <code>interface do usu\u00e1rio.html<\/code> arquivos e procure por <code>eu ia<\/code> atributo dos elementos que voc\u00ea deseja ocultar. Em seguida, edite o <code>alternar interface<\/code> comando em <code>cliente.lua<\/code> para atender \u00e0s suas necessidades.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>P: Voc\u00ea pretende lan\u00e7ar uma vers\u00e3o que suporte ESTE ou AQUELE script?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>UM:<\/strong> No momento, n\u00e3o. O LegacyFuel \u00e9 exibido como um recurso opcional porque altera o comportamento do combust\u00edvel, mas n\u00e3o requer fun\u00e7\u00f5es especiais para funcionar.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>P: Quero mudar as posi\u00e7\u00f5es dos elementos. Como posso fazer isso?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>UM:<\/strong> Para alterar as posi\u00e7\u00f5es dos elementos, verifique a <code>principal.css<\/code> arquivar e modificar o <code>principal<\/code>, <code>esquerda<\/code>, <code>certo<\/code>, ou <code>fundo<\/code> propriedades dos elementos que voc\u00ea deseja. Tenha cuidado e leia sobre posicionamento absoluto em CSS. Por exemplo, para posicionar um elemento na parte inferior, use o <code>FUNDO<\/code> propriedade em vez de <code>PRINCIPAL<\/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\/pt\/wp-json\/wp\/v2\/posts\/145731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemx.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fivemx.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fivemx.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fivemx.com\/pt\/wp-json\/wp\/v2\/comments?post=145731"}],"version-history":[{"count":0,"href":"https:\/\/fivemx.com\/pt\/wp-json\/wp\/v2\/posts\/145731\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemx.com\/pt\/wp-json\/wp\/v2\/media\/145732"}],"wp:attachment":[{"href":"https:\/\/fivemx.com\/pt\/wp-json\/wp\/v2\/media?parent=145731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemx.com\/pt\/wp-json\/wp\/v2\/categories?post=145731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemx.com\/pt\/wp-json\/wp\/v2\/tags?post=145731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}