🎅🎄🎁 lj-hud used with QBCore Framework 🍪🦌🤶

Join my Discord laboratory for updates, support, and special early testing!
https://discord.gg/loljoshie (without-vanity url: https://discord.gg/HH6uTcBfew)

Improved off of the newest QBCore hud. Written in Vue.js
Runs at ~ 0.01 to 0.03 ms if you have more optimization suggestions feel free to reach out

In collaboration with OnlyCats who handled the majority of the javascript, helped make lj-menu, expanding UltraWide support along with various other miscellaneous tasks

⚠️ If you are looking to use this hud with older versions of QBCore you can find that version HERE ⚠️

Dependencies

lj-menu there are no more configurations. It's all handled through lj-menu 🙌

qbcore framework
interact-sound (if you want sound effects)
pma-voice
qb-radio
LegacyFuel

Installation

IMPORTANT: Recommended that have the default safezone size set found in Settings/Display/"Restore Defaults"
IMPORTANT: If you're using lj-fuel you NEED to change LegacyFuel exports

qb-smallresources

find "qb-smallresources/client/seatbelt.lua"
find "seatbelt:client:UseHarness" event then add snippet below under "harnessData = ItemData"

TriggerEvent('hud:client:UpdateHarness', harnessHp)

Key Features

lj-menu now handles all configuration in game
More resolutions supported (2560 x 1440 | 1920 x 1440 | 1920 x 1200 | 1280 x 720)
ULTRAWIDE SUPPORT! (3440 x 1440)
Toggle engine on and off
Harness mode (harness radial shows when you have the harness item and checks for uses left which updates on the radial)
Armed mode (weapons specifically whitelisted to not show armed mode)
Switch between square and circle map with in-game /circle or square
Cinematic mode (fully hides hud)
Nitro when actived icon turns light red
When dead heath radial turns red
Dev mode radial when permission to do so (if you want dev mode working must follow instructions below)
Headset icon appears when connected to radio channel
Voice proximity and radio proximity highlighted
Radial icons realign
Seat belt equipped icon indicator
Oxygen and Stamina radial indicator
Engine health orange and red icon indicator
Fuel low alert
Fuel gauge color changes
Parachute equipped radial indicator
Cruise control radial dependent on vehicle speed

Previews

config / dynamic settings handled through lj-menu

dead health

engine health

altitude

parachute

armed

cinematic

cruise

harness

cash

bank

nitro

stamina

oxygen

radio

all radials

Change Logs

1.7

Added support for 4k resolution 3840 x 2160
Added support for UltraWide resolution 2560 x 1080
Added UltraWide minimap anchor (Took inspiration from googleoblivion)
Fixed minimap load on login

1.6

Changed radials smaller on default
Added speedometer fps lj-menu
Added minimap outside vehicle lj-menu
Added support for UltraWide resolution 2560 x 1080
Addedd UltraWide minimap anchor

1.5

More minor CSS changes
Massive performance enhancements
Added smoother transitions
Added lj-menu compatibility
Removed all configuration
Cleaned CSS
Cleaned HTML
Fixed circle map alignment for 1920 x 1080

1.2

Added more resolutions supported (2560 x 1440 | 1920 x 1440 | 1920 x 1200 | 1280 x 720)
Added UltraWide support
Added responsive CSS file
Reworked car gauges with a new method
Fixed parachute value
Fixed cruise control not capturing speed value
Cleaned CSS
Cleaned HTML
Added more optimization

1.1

Revised radials added more spacing
Separated icons from radials
CSS changes on money and colors
CSS changes on stress and parachute
Added dynamic armor
Fixed map not displaying while idle in vehicle
Added border option found in config.lua
Added more optimization

1.0

Initial release

Credits

GhzGarage for original qb-hud original version
MonkeyWhisper for testing UltraWide support with his community ❤️

Issues and Suggestions

Please use the GitHub issues system to report issues or make suggestions, when making suggestion, please keep [Suggestion] in the title to make it clear that it is a suggestion.

tux2k47/lj-hud