HUD

Step by step installation guide, common issues & solutions, code snippets, error codes, config previews, locales previews, SQL previews, and changelogs; all in 1 easily accessible place.

Buy here

Preview

Setup

• Unzip the fadcloud_hud.zip folder and place this folder in your servers resource folder.

• Add the resource to your server start config: ensure fadecloud_hud (it must be placed anywhere below your framework resource eg., es_extended, not above). The name of the folder must not be changed or the resource will not function correctly.

• WARNING do not edit the encrypted files in any way.

Config

Config = {}

Config.MainColor = '#00ACFF' -- Main Color of UI

Config.HungerColor = '#49FF5B' -- Hunger Bar color

Config.ThirstColor = '#15a3db' -- Thirst Bar color

Config.WeaponName = { --Weapon List and there label
    [GetHashKey('weapon_pistol')] = 'Pistol',
    [GetHashKey('weapon_assaultrifle')] = 'Assault Rifle',
    [GetHashKey('weapon_assaultrifle_mk2')] = 'Assault Rifle MK ||',
}

Config.Keybinds = { --Keybind List. Icons should be placed under /html/assets/keybind-icons
    {
        icon = 'mic.svg',
        name = 'U',
    },
    {
        icon = 'mic.svg',
        name = 'U',
    },
}

Notification

Usage

--- Create's a simple Notification
---@param title string Title of the Notification
---@param message string Message of the Notification
exports['fadecloud_hud']:addNotification('Example', 'This is an example Notification')

Announcement Top

Usage

--- Create's a simple Announcement
---@param title string Title of the Announcement
---@param message string Message of the Announcement
exports['fadecloud_hud']:addAnnouncementTop('Example', 'Example of an Top Announcement')

Announcement Bottom

Usage

--- Create's a simple Announcement
---@param title string Title of the Announcement
---@param message string Message of the Announcement
exports['fadecloud_hud']:addAnnouncementBottom('Example', 'Example of an Bottom Announcement')

DrawText

Usage

--- Create's a DrawText
---@param title string Title of the DrawText
---@param key string Key of the DrawText
---@param msg string Message of DrawText
--Client Side Usage
TriggerEvent('hud:showHelpNotify', 'Press', 'E', 'To Open Shop')
--Server Side Usage
---@param source number Source of the Player
TriggerEvent('hud:showHelpNotify', source, 'Press', 'E', 'To Open Shop')

Money Notification

Usage

Add Money Notification

--- Create's a Money Notification
---@param money number Amount that has been added
--Client Side Usage
TriggerEvent('fadcloud_hud:client:AddMoneyNotification', 1000)
--Server Side Usage
---@param source number Source of the Player
TriggerEvent('fadcloud_hud:client:AddMoneyNotification', source, 1000)

Remove Money Notification

Add Money Notification
--- Create's a Money Notification
---@param money number Amount that has been Removed
--Client Side Usage
TriggerEvent('fadcloud_hud:client:RemoveMoneyNotification', 1000)
--Server Side Usage
---@param source number Source of the Player
TriggerEvent('fadcloud_hud:client:RemoveMoneyNotification', source, 1000)