{"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\/nl\/trew-hud\/","title":{"rendered":"Trew HUD (qbCore\/ESX)"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Het was een geweldige ervaring om GTA5 RP te spelen en LUA te leren om de Trew HUD UI te coderen. Echter, na talloze uitdagingen met de FiveM-community en het project zelf, heb ik besloten om verdere ontwikkeling te stoppen. Het is al 6 maanden geleden dat ik voor het laatst GTA5 RP heb gespeeld, en het voortzetten van dit project heeft geen zin meer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video Voorbeeld<\/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 - Een Gebruikersinterface voor 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\">Download 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\">Functies<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Serverlogo;<\/li>\n\n\n\n<li>Functie en functieniveau;<\/li>\n\n\n\n<li>Geld, vuil geld, bank en samenleving (deze laatste is alleen voor ESX);<\/li>\n\n\n\n<li>Status zoals gezondheid, pantser, uithoudingsvermogen, honger en dorst;<\/li>\n\n\n\n<li>Snelheidsmeter met veiligheidsgordel <a class=\"wpil_keyword_link\" href=\"https:\/\/fivemx.com\/nl\/support\/\" title=\"ondersteuning\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"1187\">ondersteuning<\/a>, brandstofdetectie, lichten, versnellingswisseling, waarschuwingen en sirenes (voor noodvoertuigen);<\/li>\n\n\n\n<li>Locatie en tijd;<\/li>\n\n\n\n<li>Spraakcontroller (OneSync klaar);<\/li>\n\n\n\n<li>Gebruikersinterface voor wapens;<\/li>\n\n\n\n<li>Aangepaste statusopname.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Installatie-instructies<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/fivemx.com\/nl\/how-to-install-fivem-hud\/\">Hoe FiveM HUD te installeren<\/a><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Pak de bestanden uit:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Pak de <code data-no-translation=\"\">.zip<\/code> bestand of open het direct.<\/li>\n\n\n\n<li>Plaats <code data-no-translation=\"\">trew_hud_ui<\/code> in je resources directory.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Update <code data-no-translation=\"\">server.cfg<\/code>:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Voeg de volgende regel toe aan uw <code data-no-translation=\"\">server.cfg<\/code> file:sqlCode kopi\u00ebren<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>Speciale instructies voor de ESX-versie<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Vereisten:<\/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>Optioneel:<\/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> (het moet worden gestart <strong>voordat<\/strong> <code data-no-translation=\"\">trew_hud_ui<\/code>)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Standaard HUD uitschakelen:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ga naar <code data-no-translation=\"\">es_extended\/config.lua<\/code> en stel in <code data-no-translation=\"\">Config.EnableHud<\/code> naar <code data-no-translation=\"\">false<\/code>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Code vervangen in <code data-no-translation=\"\">esx_basicneeds\/main.lua<\/code>:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vervang de bestaande code: <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>met: <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>Speciale instructies voor de VRP\\\/VRPEX versies<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Config.vRP instellingen:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Stel benodigde items zoals zwart geld in door het item-ID op te geven in <code data-no-translation=\"\">config.lua<\/code>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Config.vRP voorbeeld:<\/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>Algemene configuraties:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Config.Locale:<\/strong> Stel taal in (standaard is <code data-no-translation=\"\">en<\/code>).<\/li>\n\n\n\n<li><strong>Config.serverLogo:<\/strong> Stel de URL van je serverlogo in.<\/li>\n\n\n\n<li><strong>Config.font:<\/strong> Pas het UI-lettertype aan (standaard is Montserrat).<\/li>\n\n\n\n<li><strong>Config.date:<\/strong> Stel datumformaat in voor de GPS-locatie.<\/li>\n\n\n\n<li><strong>Config.voice:<\/strong> Configureer spraakinstellingen (OneSync compatibel).<\/li>\n\n\n\n<li><strong>Config.vehicle:<\/strong> Configureer voertuig- en snelheidsmeterinstellingen.<\/li>\n\n\n\n<li><strong>Config.ui:<\/strong> Schakel weergave-elementen van de HUD in\/uit.<\/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>Aangepaste Status Toevoegen<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">U kunt aangepaste indicatoren maken voor bestaande statussen zoals stress of dronkenschap.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Voorbeeld:<\/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>Aanpassen van Status:<\/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>Chat Commando's:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\/toggleui:<\/strong> Schakelt HUD informatie-elementen in\/uit, <a href=\"https:\/\/fivemx.com\/nl\/how-to-become-gta-rp-content-creator\/\" id=\"498\">nuttig voor streamers<\/a>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Gebruiksvoorbeeld:<\/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\">FAQ<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>V: De HUD datum is verkeerd! Kun je het repareren?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A:<\/strong> De HUD datum gebruikt de game <a href=\"https:\/\/fivemx.com\/nl\/performance\/\" title=\"FiveM Serverprestaties &amp; Optimalisatie\" data-wpil-monitor-id=\"1519\">server's tijd en standaardfuncties voor FiveM<\/a>, dus het is niet fout. Als je de echte datum wilt weergeven, kun je bewerken <code data-no-translation=\"\">app.js<\/code> met behulp van JavaScript's <code data-no-translation=\"\">Date()<\/code> function. Google het voor meer info.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>V: Hoe kan ik het \/toggleui commando bewerken om de elementen te verbergen?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A:<\/strong> Om te bewerken <code data-no-translation=\"\">\/toggleui<\/code> commando, ga naar de <code data-no-translation=\"\">ui.html<\/code> bestanden en zoek naar de <code data-no-translation=\"\">id<\/code> attribuut van de elementen die u wilt verbergen. Bewerk vervolgens de <code data-no-translation=\"\">toggleui<\/code> command in <code data-no-translation=\"\">client.lua<\/code> om aan uw behoeften te voldoen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>V: Bent u van plan een versie uit te brengen die dit of dat script ondersteunt?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A:<\/strong> Momenteel niet. LegacyFuel wordt getoond als een optionele functie omdat het het brandstofgedrag verandert, maar geen speciale functies vereist om te werken.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>V: Ik wil de posities van de elementen wijzigen. Hoe kan ik dat doen?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A:<\/strong> Om de posities van de elementen te wijzigen, controleer de <code data-no-translation=\"\">main.css<\/code> bestand en wijzig het <code data-no-translation=\"\">top<\/code>, <code data-no-translation=\"\">left<\/code>, <code data-no-translation=\"\">right<\/code>, of <code data-no-translation=\"\">bottom<\/code> eigenschappen van de elementen die je wilt. Wees voorzichtig en lees over absolute positionering in CSS. Gebruik bijvoorbeeld, om een element onderaan te positioneren, <code data-no-translation=\"\">BOTTOM<\/code> eigenschap in plaats van <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\/nl\/wp-json\/wp\/v2\/posts\/145731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemx.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fivemx.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fivemx.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fivemx.com\/nl\/wp-json\/wp\/v2\/comments?post=145731"}],"version-history":[{"count":2,"href":"https:\/\/fivemx.com\/nl\/wp-json\/wp\/v2\/posts\/145731\/revisions"}],"predecessor-version":[{"id":214564,"href":"https:\/\/fivemx.com\/nl\/wp-json\/wp\/v2\/posts\/145731\/revisions\/214564"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemx.com\/nl\/wp-json\/wp\/v2\/media\/145732"}],"wp:attachment":[{"href":"https:\/\/fivemx.com\/nl\/wp-json\/wp\/v2\/media?parent=145731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemx.com\/nl\/wp-json\/wp\/v2\/categories?post=145731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemx.com\/nl\/wp-json\/wp\/v2\/tags?post=145731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}