[QB/ESX] Compy HUD (2024)

[Brown-Development]

Brown’s Compy HUD (By Brown Development)

Simple, Clean, & Comp asf

Icons:

Health (Drippy Heart):

Armor (Vest):

Hunger (Drippy Popsicle):

Thirst (Lore Friendly Coke Bottle):

Stamina (Man Running):

Stress (Cloudy Mind):

Oxygen (Man with Oxygen Mask):

HUD Visibility

• Health > Always Showing

• Armor > Always Showing

• Hunger > Always Showing

• Thirst > Always Showing

• Stamina > Always Showing

• Stress > Only Shows When Stress Level Is Above 0%

• Minimap/Vehicle HUD > Only Shows When In Vehicle

• Oxygen > Only Shows When Oxygen is Below 100% (Unique Bottom Center Positioning) >>
  See Image Below

Vehicle HUD

• Street Name Display
• Fuel Display
• Vehicle Speed Display (MPH)
• Seatbelt Display

When Entering and Leaving A Vehicle (GIF):

HUD Notifications

• When Hunger is at or below 30%
• When Thirst is at or below 30%
• When Seatbelt is not on after driving for a while
• When Getting Stressed

Config

Preview Video: YouTube

Purchase: Tebex

Code is accessible	No
Subscription-based	No
Lines (approximately)	670 (Lua) – 172 (CSS) – 527 (JS) – 77 (HTML)
Requirements	QBCore or ESX Framework
Support	Yes

[_R3tny]

nice work <3

[DimeStudio]

Nice work! Love the simple layout

[RyuHiryu]

@Brown-Development Love this, But seems my minimap borders for the vehicle hud are all messed up as I use a 16:9/16:10 Aspect Ratio (2560x1440)

Would it be possible to fix this? I want to center it inside the white borders
Although I don’t have a screenshot as i deemed it un-necessary the safezone size is maxed

[RyuHiryu]

Did some editing in the styles.css & this is the closest i can get it to acceptable for my 2560x1440p Resolution / (16:9) Aspect Ratio)

styles.css (2.6 KB)

If anyone doesn’t want to do what i did i attached the edited styles.css i edited

Again this is strictly for 2560x1440 Resolutions, also note I’ve not tested someone else joining with a different resolution in my city

[Brown-Development]

Yeah, im noticing people with different resolutions may have off positioning, an update for this is coming soon.

[RyuHiryu]

@Brown-Development Much Appreciated, I look forward to the update

Keep Up The Amazing Work

[RyuHiryu]

Not to sure if this is just a me issue but this seems to happen in this area randomly, haven’t tested other areas yet but I will check shortly
not to sure if this is due to the edits i made to styles.css

[RyuHiryu]

[4Von]

it for every resolution I have tested when you think itll be fixed?

[RyuHiryu]

@Brown-Development
I would appreciate an update on this project. However, I am concerned that it may risk becoming another stalled initiative if the developer does not actively address the issues being raised. The project has significant potential to become a leading HUD on the FiveM platform, provided that the current challenges are resolved.

[RyuHiryu]

Over a month has passed, and there’s been complete silence from the developer regarding any updates or fixes. As expected, this project seems to have become another stalled or abandoned endeavor. Until the developer addresses the issues mentioned previously, I’d advise steering clear of it for now until they’re properly resolved.