[FREE] WX Compass

:arrow_down_small: [GitHub] Download

Hello, today I am releasing this simple NUI resource, as the title says, it’s a simple resource for showing the street, zone and directions while you’re in a vehicle. This UI has been inspired by a server I won’t name here (it’s included in the readme).

Client Resmon: 0.00ms - 0.01ms

My other resources

Paid

Free

7 Likes

Very nice script, If I can make a suggestion I would add either a text shadow or text outline to the zone, street section in the css because the plain white text for those would for me in certain instances blend in and be extremely hard to see if it’s like a bright sunny day in the game.

1 Like

Finally a good compass in my opinion but the directions of E and W were wrong and what not facing the wrong directions but this can easily be adjusted. Regardless nice work.

Will this work with esx?

Good job!

Anyone got this script to work as I put it into the files start the script it doesnt acctually show in game?

Hey, thanks for this script, btw, there was a problem for me : The directions were incorrect (showing E when i was poiting to West, and W for east…)

You just have to replace :

local directions = {"N", "NE", "E", "SE", "S", "SW", "W", "NW", "N"}

by

local directions = {"N", "NW", "W", "SW", "S", "SE", "E", "NE", "N"}

Enjoy !

just a small fix to the css to keep it centered no matter the size of the texts:

#container {
    position: absolute;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    justify-content: center;
    top: 2.4%;
    gap: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
}

#zone {
    text-align: end;
}

#street {
    text-align: start;
}
1 Like