FiveM ESX Custom UI HUD

FiveM Custom UI (das FiveM Immortal RP HUD) ist eine öffentlich veröffentlichte Benutzeroberfläche bzw. FiveM HUD zur Verbesserung für das ESX-Framework. Du kannst die Benutzeroberfläche nach Ihren Wünschen bearbeiten und ändern. Dieses HUD wird von Immortal RP verwendet.

Das benötigst du auf deinem Server

es_extended
esx_basicneeds
esx_status
OPTIONAL esx_optionalneeds

HUD Download & Installation

Zuerst, downloade das Script/UI/HUD:

Installations-Anleitung

1. Downloade die .zip. (Button oben)
2. Entpacke oder öffne das Verzeichnis/die Datei (zip)
3. Kopiere esx_customui in deinen ESX Ordner
4. Adde start esx_customui in deine server.cfg um das Script bei Serverstart zu starten

• Entferne/deaktiviere die folgende Line (resources[essential]\es_extended\ui.html) Ändere

<div id="hud"></div>

zu

<!--<div id="hud"></div>-->

• Entferne/deaktiviere die Lines (resources\essentialmode\ui.html)

<div id="starter" style="font-family: 'roboto'; color: white; position: absolute; left: 20%; top: 5%; width: 60%; background: rgba(40, 40, 40, 0.8)"></div>
<div id="container">
	<div id="money">
		<div id="cash"/>
	</div>
</div>

zu

<!--<div id="starter" style="font-family: 'roboto'; color: white; position: absolute; left: 20%; top: 5%; width: 60%; background: rgba(40, 40, 40, 0.8)"></div>
<div id="container">
	<div id="money">
		<div id="cash"/>
	</div>
</div>-->

• Adde TriggerEvent in (resources[esx]\esx_status\client\main.lua esx_status:load)

TriggerEvent('esx_customui:updateStatus', GetStatusData(true))

damit es so aussieht:

RegisterNetEvent('esx_status:load')
AddEventHandler('esx_status:load', function(status)

	for i=1, #Status, 1 do
		for j=1, #status, 1 do
			if Status[i].name == status[j].name then
				Status[i].set(status[j].val)
			end
		end
	end

	Citizen.CreateThread(function()
	  while true do

	  	for i=1, #Status, 1 do
	  		Status[i].onTick()
	  	end

			SendNUIMessage({
				update = true,
				status = GetStatusData()
			})
	
		TriggerEvent('esx_customui:updateStatus', GetStatusData(true))
	    Citizen.Wait(Config.TickTime)
	  end
	end)

end)

• Entfernen von den Basic Needs Leisten (resources[esx]\esx_basicneeds\client\main.lua esx_status:loaded)

AddEventHandler('esx_status:loaded', function(status)

	TriggerEvent('esx_status:registerStatus', 'hunger', 1000000, '#FFFF00', -- amarelo
	--TriggerEvent('esx_status:registerStatus', 'hunger', 1000000, '#CFAD0F', -- GOLD
		function(status)
			return false -- Change to true to show hunger bar | false to hide hunger bar
		end, function(status)
			status.remove(100)
		end
	)

	TriggerEvent('esx_status:registerStatus', 'thirst', 1000000, '#0099FF', -- azul
	--TriggerEvent('esx_status:registerStatus', 'thirst', 1000000, '#0C98F1', -- CYAN
		function(status)
			return false -- Change to true to show thirst bar | false to hide thirst bar
		end, function(status)
			status.remove(75)
		end
	)

• Entfernen von Optional Needs Bar (resources[esx]\esx_optionalneeds\client\main.lua esx_status:loaded)

AddEventHandler('esx_status:loaded', function(status)

  TriggerEvent('esx_status:registerStatus', 'drunk', 0, '#8F15A5', 
    function(status)
      if status.val > 0 then
        return false -- Set to true to show if you drink | false to always hide
      else
        return false -- Set to true to always show | false to hide if 0
      end
    end,
    function(status)
      status.remove(1500)
    end
  )

So bearbeitest du das “Immortal HUD”

• esx_customui\html\style.css (Editiere Lines 9 & 10 um Position zu ändern)
• esx_customui\client.lua (Editiere Line 87 um Standard Distanz einzustellen) & (Editiere Line 88 für Distanz Änderung)

Mehr Informationen findest du unter diesem Link

Und jetzt sieht dein HUD aus, wie das von Immortal Roleplay

Ja, tatsächlich nutzt der berühmte Server “Immortal RP” dieses HUD! Es ist schon Jahre alt aber wenn du deinen GTA RP Server wie den von Immortal aussehen lassen willst, kannst du das hiermit jetzt tun!

Andere interessante Themen für dich

• Wie erstelle ich einen GTA FiveM RP Server?
• Saltychat
• FiveRP Whitelist