I welcome you CFX community!
Today I present you the hud system! It is a minimalistic interface that provides accessibility for all frameworks (ESX, QBCore, Standalone), huge editing capabilities using a configuration file, as well as a completely unique design. I’m sure you and your players will love it!
This system includes a pleasant user interface, a convenient configuration file, the ability to adjust the position of interface blocks using hot keys.
Demonstration of the system:
Screenshots:
Example of a configuration file:
Configuration files
-- /*
-- ██████╗░██╗░░░██╗██████╗░███████╗██╗░░░██╗███████╗░██████╗████████╗███╗░░██╗██╗██╗░░██╗
-- ██╔══██╗██║░░░██║██╔══██╗██╔════╝██║░░░██║██╔════╝██╔════╝╚══██╔══╝████╗░██║██║██║░██╔╝
-- ██████╦╝██║░░░██║██████╔╝█████╗░░╚██╗░██╔╝█████╗░░╚█████╗░░░░██║░░░██╔██╗██║██║█████═╝░
-- ██╔══██╗██║░░░██║██╔══██╗██╔══╝░░░╚████╔╝░██╔══╝░░░╚═══██╗░░░██║░░░██║╚████║██║██╔═██╗░
-- ██████╦╝╚██████╔╝██║░░██║███████╗░░╚██╔╝░░███████╗██████╔╝░░░██║░░░██║░╚███║██║██║░╚██╗
-- ╚═════╝░░╚═════╝░╚═╝░░╚═╝╚══════╝░░░╚═╝░░░╚══════╝╚═════╝░░░░╚═╝░░░╚═╝░░╚══╝╚═╝╚═╝░░╚═╝*/
Config = {}
-- Are you using ESX?
Config.UseESX = true
-- Enable this if ESX throws an error: Used the getSharedObject Event, this event no longer exists!
Config.UseESX_lib = false
-- Are you using QBCore?
Config.UseQB = false
-- Are you using Standalone?
Config.UseStandalone = false
Config.ServerName = "burevestnik.tebex.io"
Config.UseGameWeekday = true
Config.UseGameDate = true
Config.DateFormat = "%m.%d.%Y" --It will work if Config.UseGameDate = false
Config.UseGameTime = true
Config.TimeFormat = "%H:%M" --It will work if Config.UseGameTime = false
Config.MapOffIfPlayerNotInTheCar = false
Config.UseKeyMapping = true
Config.UseCommands = true
Config.StartingValueSwitchingHUD = true
Config.CommandSwitchingHUD = "hud"
Config.SwitchingHUDKeyMapping = "f5"
Config.SwitchingHUDText = "Switching HUD"
Config.StartingValueSwitchingHelpUI = true
Config.CommandSwitchingHelpUI = "offhelpui"
Config.SwitchingHelpUIKeyMapping = "f6"
Config.SwitchingHelpUIText = "Switching the help UI"
Config.HelpUIlist = {
{ key = "I", value = "Animations" },
{ key = "U", value = "Player menu" },
{ key = "F1", value = "Cancel animation" },
{ key = "F2", value = "Inventory" },
{ key = "F3", value = "Restart the microphone" },
{ key = "F11", value = "Ragdoll" }
}
Config.StartingValueSwitchingMap = true
Config.CommandSwitchingMap = "offMap"
Config.SwitchingMapKeyMapping = "f7"
Config.SwitchingMapText = "Switching the map"
Config.StartingValueSwitchingCarUI = true
Config.CommandSwitchingCarUI = "offcarui"
Config.SwitchingCarUIKeyMapping = "f9"
Config.SwitchingCarUIText = "Switching Car UI"
Config.CommandSwitchingActivateCruiser = "activatecruiser"
Config.SwitchingActivateCruiserKeyMapping = "o"
Config.SwitchingActivateCruiserText = "Activate cruiser"
Config.Day1 = "Sunday"
Config.Day2 = "Monday"
Config.Day3 = "Tuesday"
Config.Day4 = "Wednesday"
Config.Day5 = "Thursday"
Config.Day6 = "Friday"
Config.Day7 = "Saturday"
Config.Compass1 = "NW"
Config.Compass2 = "W"
Config.Compass3 = "SW"
Config.Compass4 = "S"
Config.Compass5 = "SE"
Config.Compass6 = "E"
Config.Compass7 = "NE"
Config.Compass8 = "N"
Config.MeasurementSpeed = 3.6 --MPH = 2.236936
Config.MeasurementSpeedText = "KM/H"
Config.TextID = "ID: "
Config.hunger = "🍴: "
Config.thirst = " 🥛: "
Config.Percent = "%"
Config.MoneySymbol = "$ "
Config.MoneySymbol2 = ""
--You can enter your details here if you don't want to use money and money from the bank
bank = 0.0
money = 0.0
--You can enter your data here if you don't want to use food or water
hungerUI = 0.0
thirstUI = 0.0
--Only for ESX or Standalone
function status() --Change the event if you don't use esx_status
if Config.UseESX then
TriggerEvent('esx_status:getStatus', 'hunger', function(hunger)
TriggerEvent('esx_status:getStatus', 'thirst', function(thirst)
hungerUI = math.floor(hunger.getPercent())
thirstUI = math.floor(thirst.getPercent())
end)
end)
elseif Config.UseStandalone then
print("Your event should be here")
end
end
--- exports
-- exports.Burevestnik_hud:Burevestnik_hud_off()
-- exports.Burevestnik_hud:Burevestnik_hud_on()
-- exports.Burevestnik_hud:Burevestnik_hud_mapOff()
-- exports.Burevestnik_hud:Burevestnik_hud_mapOn()
-- exports.Burevestnik_hud:Burevestnik_hud_minimapFixOff()
-- exports.Burevestnik_hud:Burevestnik_hud_minimapFixOn()
---------------------------------------------------------------------------------------------------------------------
Optimization (The script consumes):
0.02 ms in an active state.
What does this HUD system include:
-
This system works on all versions of ESX, QBCore, as well as STANDALONE!
-
Beautiful user interface!
-
The ability to enable/disable HUD elements!
-
Includes a HUD for the player and for transport!
-
Incredibly customizable configuration file!
-
Different indicators for the player and transport! (a third-party script is required for the operation of hazard signals)
-
Cruise control!
-
You can completely change the user interface at will!
-
Of course support, I’m ready to help you!
[OPEN SOURCE] You can get that resource in my TebexTOP SALES
You may also be interested in my other resources:
| Code is accessible | Open source: Yes \ Escrow: No Available only: config, ui |
| Subscription-based | No |
| Lines (approximately) | ~1000 |
| Requirements | Standalone/ESX/QBCore |
| Support | Yes |
Contact me if you have any questions.
