[QBCore/ESX] ZDP Hud - Auto Hidden HUD + 3 Car Hud in 1

Description

ZDP-Hud is an all-in-one tool for your FiveM server, designed to offer an optimized and customizable gaming experience. This HUD allows you to monitor your character’s health, armor, hunger, thirst, stamina or oxygen, and stress, providing all the necessary information at a glance. Additionally, it features advanced options for your vehicle HUD display, with three different styles and various customizable settings. The design is carefully crafted to ensure a sleek and polished appearance. The HUD elements only appear when necessary: health when it drops, hunger or thirst when below 50%, stamina when it decreases, and stress when it increases.

Features

• Comprehensive Character Stats: Easily view your character’s health, armor, hunger, thirst, stamina or oxygen, and stress, keeping you informed and prepared at all times. The HUD elements are only visible when required:
• Health: Visible when it drops.
• Hunger and Thirst: Visible when below 50%.
• Stamina: Visible when it decreases.
• Stress: Visible when it increases.
• Vehicle HUD Options: Choose from three vehicle HUD styles:
  1. HUD 1: Circular progression of revolutions with a gradient from green to red.
  2. HUD 2: Modern, simplified design showing revolutions, speed, speed limiter, and fuel level.
  3. HUD 3: Circular design with customizable revolution colors, showing data like open doors, fuel, speed limiter, etc., only when active.
• Position and Color Customization: Adjust the position of your vehicle HUD (left, center, or right) and choose the primary color to suit your preference.
• Speed Limiter: Includes a vehicle speed limiter displayed in each HUD style, ensuring you always maintain control over your speed.
• Stress Management: Configure whether you want to monitor your character’s stress and adjust key bindings for viewing the HUD, speed limiter, and other functions.
• Optimization and Design: The ZDP-Hud is optimized for performance and features a carefully crafted design for a sleek and polished look.

Support

We’ve got your back if you encounter any issues with our script.

About us

Our development team members collectively have over 10 years of experience. We have experts in Front, Back, and Full Stack development.

Purchase link:

• ESCROW: https://store.zdpscripts.com/package/6357017
• OPEN SOURCE: https://store.zdpscripts.com/package/6361242

Preview:

Other scripts:

• ZDP-quickmenu: [STANDALONE] Radial Quick Menu
• ZDP-autovehiclesdeleter: [STANDALONE] Auto Vehicles Deleter

Config file:

Config = {}

Config.Framework = "QBCore" -- "ESX" or "QBCore"

Config.Hud = 2 -- Choose 1,2 or 3

Config.KeyVisibleHud = 'J'

Config.CarHudDisabled = false
Config.HudCarPosition = 'left' -- left, right, center
Config.ColorHudCar = '#c1abff' -- Only for car hud 2 and 3. U can use rgba, hex, etc.

Config.DisableStress = true
Config.MinimumStress = 50         -- Minimum Stress Level For Screen Shaking

-- For update stress value in ESX use the following trigger
-- TriggerEvent('ZDP_Hud:GetStress', VALUE)

-- For update seatbelt value in ESX change in the config of esx_cruisecontrol
-- Config.HudResource = 'ZDP_Hud'

Config.KeyBigMap = 'M'
Config.KeyLimitSpeed = 'U'

Config.UseMPH = false              -- If true speed math will be done as MPH, if false KPH will be used (YOU HAVE TO CHANGE CONTENT IN STYLES.CSS TO DISPLAY THE CORRECT TEXT)

Config.Intensity = {
    ['blur'] = {
        [1] = {
            min = 50,
            max = 60,
            intensity = 1500,
        },
        [2] = {
            min = 60,
            max = 70,
            intensity = 2000,
        },
        [3] = {
            min = 70,
            max = 80,
            intensity = 2500,
        },
        [4] = {
            min = 80,
            max = 90,
            intensity = 2700,
        },
        [5] = {
            min = 90,
            max = 100,
            intensity = 3000,
        },
    }
}

Config.EffectInterval = {
    [1] = {
        min = 50,
        max = 60,
        timeout = math.random(50000, 60000)
    },
    [2] = {
        min = 60,
        max = 70,
        timeout = math.random(40000, 50000)
    },
    [3] = {
        min = 70,
        max = 80,
        timeout = math.random(30000, 40000)
    },
    [4] = {
        min = 80,
        max = 90,
        timeout = math.random(20000, 30000)
    },
    [5] = {
        min = 90,
        max = 100,
        timeout = math.random(15000, 20000)
    }
}