[Standalone][Free] Text UI

Luke · 2021-07-18T20:53:02.548Z

This is my first project I did in Svelte, it’s really simple.

The idea is based on cd_drawtextui and the design is inspired from NoPixel (kinda).

Video Showcase - If the video below doesn’t work

The UI is scalable and will work on all resolutions.

To call the UI you can use this event client side:

TriggerEvent('luke_textui:ShowUI', text, color)

To close the UI you can use this event client side:

TriggerEvent('luke_textui:HideUI')

Color is an optional parameter so it can be left blank or nil, if you specify the color then the background color of the container will change to the specified color.

Here are the examples I used in the video:

RegisterCommand('show', function()
    TriggerEvent('luke_textui:ShowUI', '[E] - Hello There!')
end)

RegisterCommand('hide', function()
    TriggerEvent('luke_textui:HideUI')
end)

RegisterCommand('showhtml', function()
    TriggerEvent('luke_textui:ShowUI', '<h4>Hello There</h4>General Kenobi', 'rgb(231, 76, 60)')
end)

HTML is supported in the text parameter.

If you call the event while there is already UI showing, the UI showing will simply get overwritten with the new call.

You can get the resource here:

GitHub

GitHub - LukeWasTakenn/luke_textui: FiveM resource that draws text on the...

FiveM resource that draws text on the screen, built using Svelte, Typescript and webpack - GitHub - LukeWasTakenn/luke_textui: FiveM resource that draws text on the screen, built using Svelte, Type...

For any issues please open a new Issue in the GitHub repository.

Feedback and suggestions are always welcome.

S_imoN · 2021-07-18T21:00:23.698Z

Simple, good looking, free
Nice work

Zen2Kill · 2021-07-18T21:51:21.649Z

I’m no expert at creating resources but this thing is cool, nice

bdxnnnn · 2021-07-18T23:38:44.375Z

well done

OfficialKo1n · 2021-07-19T04:43:30.846Z

better create a release on github.

Luke · 2021-07-19T08:05:33.843Z

What would I put in the release? Just the client and the build folder without anything else?

Geerdodagr8 · 2021-07-19T17:38:40.075Z

how do you finish it for use? i have never done that before.

Luke · 2021-07-19T17:58:26.836Z

You don’t unless you want to develop.
Instead you follow these instructions:

Geerdodagr8 · 2021-07-19T18:16:37.158Z

Sorry about that, i always forget to check the releases.

DiizeQT · 2021-07-21T19:16:44.673Z

Sweet

Filcar · 2021-07-23T02:35:33.421Z

big props, amazing job

DiizeQT · 2021-07-24T20:06:57.805Z

Hello!

Thanks for the release, i just got about to try it out, and nothing seems to be triggering at all. Is there any dependencies or so im missing?

All im trying to do was

**if distance < 3.0 then

                    TriggerEvent('luke_textui:ShowUI', '[E] - Open Shop')**

However, nothing appears at all. A simple Draw3DText function works fine so must be on the luke_textui resource end. Any help is greatly appreciated.

Luke · 2021-07-24T20:15:35.016Z

You did download the release and not the source code, right?

DiizeQT · 2021-07-24T20:49:47.207Z

As per usual just Code → Download ZIP.

Luke · 2021-07-24T20:59:14.022Z

Source code is not the release. Go onto the repo, releases and download luke_textui.zip.

DiizeQT · 2021-07-24T21:36:33.267Z

Sorry, brainlag.

Thanks for the resource, its awesome !

AtrixxFPS · 2022-04-08T15:09:55.007Z

Nice script, but not realy optimized…

Luke · 2022-04-08T21:02:10.768Z

wat

image1268×554 24.7 KB

AtrixxFPS · 2022-04-09T13:23:24.772Z

If the UI is on screen, it is 0.30 ms idle mode!

Luke · 2022-04-09T15:05:19.417Z

That’s definitely not coming from my resource, as all I have in the client code is events to send to UI.

Which means you are probably not using the event correctly in your resource, probably constantly calling it in a while true loop.