{"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":"hud-de-trew","status":"publish","type":"post","link":"https:\/\/fivemx.com\/es\/trew-hud\/","title":{"rendered":"Trew HUD (qbCore\/ESX) \u2013 FiveMX"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Fue una gran experiencia jugar GTA5 RP y aprender LUA para programar la interfaz del HUD de Trew. Sin embargo, tras numerosos desaf\u00edos con la comunidad de FiveM y el propio proyecto, he decidido abandonar el desarrollo. Han pasado 6 meses desde la \u00faltima vez que jugu\u00e9 GTA5 RP, y continuar con este proyecto ya no tiene sentido.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vista previa del 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: una interfaz de usuario para 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\">Descargar 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\">Caracter\u00edsticas<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Logotipo del servidor;<\/li>\n\n\n\n<li>Puesto y categor\u00eda del puesto;<\/li>\n\n\n\n<li>Dinero, dinero sucio, banco y sociedad (este \u00faltimo es solo para ESX);<\/li>\n\n\n\n<li>Estados como salud, armadura, resistencia, hambre y sed;<\/li>\n\n\n\n<li>Veloc\u00edmetro con cintur\u00f3n de seguridad <a class=\"wpil_keyword_link\" href=\"https:\/\/fivemx.com\/es\/apoyo\/\" title=\"apoyo\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"1187\">apoyo<\/a>, detecci\u00f3n de combustible, luces, cambio de marcha, alertas y sirenas (para veh\u00edculos de emergencia);<\/li>\n\n\n\n<li>Ubicaci\u00f3n y hora;<\/li>\n\n\n\n<li>Controlador de voz (compatible con OneSync);<\/li>\n\n\n\n<li>Interfaz de usuario para armas;<\/li>\n\n\n\n<li>Inclusi\u00f3n de estado personalizado.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Instrucciones de instalaci\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/fivemx.com\/es\/como-instalar-el-hud-fivem\/\">C\u00f3mo instalar FiveM HUD<\/a><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Extraer los archivos:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Extraer el <code>.cremallera<\/code> archivo o abrirlo directamente.<\/li>\n\n\n\n<li>Lugar <code>interfaz de usuario de Trew Hud<\/code> en su directorio de recursos.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Actualizar <code>servidor.cfg<\/code>:<\/strong>\n<ul class=\"wp-block-list\">\n<li>A\u00f1ade la siguiente l\u00ednea a tu <code>servidor.cfg<\/code> archivo: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>Instrucciones especiales para la versi\u00f3n 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>sociedad esx<\/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_necesidades b\u00e1sicas<\/code><\/li>\n\n\n\n<li><code>estado de esx<\/code><\/li>\n\n\n\n<li><code>Combustible heredado<\/code> (deber\u00eda iniciarse <strong>antes<\/strong> <code>interfaz de usuario de Trew Hud<\/code>)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Deshabilitar el HUD predeterminado:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ir a <code>es_extended\/config.lua<\/code> y establecer <code>Configuraci\u00f3n.EnableHud<\/code> a <code>FALSO<\/code>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Reemplazo de c\u00f3digo en <code>esx_basicneeds\/main.lua<\/code>:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reemplace el c\u00f3digo existente: <code>TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;hambre&#039;, 1000000, &#039;#CFAD0F&#039;, funci\u00f3n(estado) devuelve verdadero fin, funci\u00f3n(estado) estado.remove(1000) fin) TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;sed&#039;, 1000000, &#039;#0C98F1&#039;, funci\u00f3n(estado) devuelve verdadero fin, funci\u00f3n(estado) estado.remove(750) fin) <\/code>con: <code>TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;hambre&#039;, 1000000, &#039;#CFAD0F&#039;, funci\u00f3n(estado) devuelve falso fin, funci\u00f3n(estado) estado.remove(1000) fin) TriggerEvent(&#039;esx_status:registerStatus&#039;, &#039;sed&#039;, 1000000, &#039;#0C98F1&#039;, funci\u00f3n(estado) devuelve falso fin, funci\u00f3n(estado) estado.remove(750) fin)<\/code><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Instrucciones especiales para las versiones VRP\/VRPEX<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Configuraci\u00f3n de Config.vRP:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Configure los elementos necesarios, como dinero negro, especificando el ID del elemento en <code>config.lua<\/code>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejemplo de Config.vRP:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>Config.vRP = {<br>  blackMoney = &quot;dirty_money&quot; - Cambia esto a tu ID de art\u00edculo de dinero negro<br>}<br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Configuraciones generales:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Configuraci\u00f3n regional:<\/strong> Establecer idioma (predeterminado es <code>en<\/code>).<\/li>\n\n\n\n<li><strong>Logotipo del servidor de configuraci\u00f3n:<\/strong> Establezca la URL del logotipo de su servidor.<\/li>\n\n\n\n<li><strong>Configuraci\u00f3n de fuente:<\/strong> Personaliza la fuente de la interfaz de usuario (la predeterminada es Montserrat).<\/li>\n\n\n\n<li><strong>Fecha de configuraci\u00f3n:<\/strong> Establecer el formato de fecha para la ubicaci\u00f3n GPS.<\/li>\n\n\n\n<li><strong>Configuraci\u00f3n de voz:<\/strong> Configurar los ajustes de voz (compatible con OneSync).<\/li>\n\n\n\n<li><strong>Config.veh\u00edculo:<\/strong> Configurar los ajustes del veh\u00edculo y del veloc\u00edmetro.<\/li>\n\n\n\n<li><strong>Configuraci\u00f3n.ui:<\/strong> Alternar elementos de visualizaci\u00f3n del 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>Agregar estado personalizado<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Puede crear indicadores personalizados para estados existentes, como estr\u00e9s o embriaguez.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejemplo:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">norte<code>exportaciones.trew_hud_ui.createStatus({<br>  estado = &#039;estr\u00e9s&#039;,<br>  color = &#039;#FF0090&#039;,<br>  icono = &#039;<i class=\"fas fa-brain\"><\/i> &#039;<br>});<br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Actualizaci\u00f3n del estado personalizado:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>Ciudadano.CreateThread(funci\u00f3n()<br>  mientras que es cierto<br>    Ciudadano.Espera(1000)<br>    <br>    estado de estr\u00e9s local<br><br>    TriggerEvent(&#039;esx_status:getStatus&#039;, &#039;estr\u00e9s&#039;, funci\u00f3n(estado)<br>      ESTADO_DE_ESTR\u00c9S = estado.obtenerPorcentaje()<br>    fin)<br><br>    exportaciones.trew_hud_ui:setStatus({<br>      nombre = &#039;estr\u00e9s&#039;,<br>      valor = ESTADO_DE_ESTR\u00c9S<br>    });<br>  fin<br>fin)<br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Comandos de chat:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\/alternarui:<\/strong> Habilita\/deshabilita los elementos de informaci\u00f3n del HUD, <a href=\"https:\/\/fivemx.com\/es\/como-convertirse-en-creador-de-contenido-de-gta-rp\/\" id=\"498\">\u00fatil para streamers<\/a>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejemplo de uso:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>\/alternar ui<br><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Preguntas frecuentes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>P: \u00a1La fecha del HUD es incorrecta! \u00bfPuedes arreglarla?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A:<\/strong> La fecha del HUD utiliza el juego. <a href=\"https:\/\/fivemx.com\/es\/actuacion\/\" title=\"Rendimiento y optimizaci\u00f3n del servidor FiveM\" data-wpil-monitor-id=\"1519\">Hora del servidor y funciones predeterminadas para FiveM<\/a>As\u00ed que no est\u00e1 mal. Si quieres mostrar la fecha real, puedes editarla. <code>aplicaci\u00f3n.js<\/code> usando JavaScript <code>Fecha()<\/code> funci\u00f3n. Buscalo en Google para m\u00e1s informaci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>P: \u00bfC\u00f3mo puedo editar el comando \/toggleui para ocultar los elementos?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A:<\/strong> Para editar el <code>\/alternar ui<\/code> Comando, ve a la <code>interfaz de usuario.html<\/code> archivos y buscar el <code>identificaci\u00f3n<\/code> atributo de los elementos que desea ocultar. Luego, edite el <code>interfaz de usuario de alternancia<\/code> comando en <code>cliente.lua<\/code> para adaptarse a sus necesidades.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>P: \u00bfTiene previsto lanzar una versi\u00f3n que admita ESTE o ESE script?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A:<\/strong> No por el momento. LegacyFuel se muestra como una funci\u00f3n opcional porque modifica el comportamiento del combustible, pero no requiere funciones especiales para funcionar.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>P: Quiero cambiar la posici\u00f3n de los elementos. \u00bfC\u00f3mo puedo hacerlo?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A:<\/strong> Para cambiar las posiciones de los elementos, marque la <code>archivo principal.css<\/code> archivo y modificar el <code>arriba<\/code>, <code>izquierda<\/code>, <code>bien<\/code>, o <code>abajo<\/code> Propiedades de los elementos que desea. Tenga cuidado y lea sobre posicionamiento absoluto en CSS. Por ejemplo, para colocar un elemento en la parte inferior, use el <code>ABAJO<\/code> propiedad en lugar de <code>ARRIBA<\/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\/es\/wp-json\/wp\/v2\/posts\/145731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemx.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fivemx.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fivemx.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fivemx.com\/es\/wp-json\/wp\/v2\/comments?post=145731"}],"version-history":[{"count":0,"href":"https:\/\/fivemx.com\/es\/wp-json\/wp\/v2\/posts\/145731\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemx.com\/es\/wp-json\/wp\/v2\/media\/145732"}],"wp:attachment":[{"href":"https:\/\/fivemx.com\/es\/wp-json\/wp\/v2\/media?parent=145731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemx.com\/es\/wp-json\/wp\/v2\/categories?post=145731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemx.com\/es\/wp-json\/wp\/v2\/tags?post=145731"}],"curies":[{"name":"gracias","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}