[Release] GTA Loading Screen

FiveM Releases
1

FiveM GTA Loading Screen

Description

This resource must be use with FiveM, it will show a vanilla GTA loading screen using HTML/CSS/JS.
Characters and background are showed randomly so your loading screen is “Never the same”

Installation

Download the resource or git clone it and put it in your resources folder with the name fivem-gta-loading

In your citmp-server.yml file, add the resource:

 - fivem-gta-loading

Questions

How to change image files ?

Just replace files in files/img/background and files/img/characters

How to add/remove images and edit the animation duration time ?

Example :
You want to have just 3 backgrounds and 4 different characters.
Just edit files/js/loader.js with these values :

maxCharacters  = 4;
maxBackgrounds = 3;
animationTime  = 7000;

Be sure to only have 4 backgrounds and 3 characters images file in the /img folders and keep the files naming.

How to change music file ?

Replace files/sound/intro.ogg file, MP3 is not allowed in NUI browser

The volume is too loud, how can i change it ?

Replace the volume value in files/js/loader.js

volume = 0.4;

Update

v0.0.1: First version

v0.0.2:

  • Change javascript library to use a modern one : VueJS
  • Bugfix : Math.round → Math.ceil ( 0 value could be possible )

v0.0.3: Remove “StopAudio” button ( NUI doesn’t support it )

Download

Credits

This resource has been created during a live on twitch. If you want more informations, you can follow the little french baguette i am on twitch !
Twitch: Twitch

Twitter: x.com

13 Likes
2

Any screenshots or video? This sounds cool.

3

You’re too fast my friend :stuck_out_tongue:

4

Nice releases thanks !

I’m also curious of you phone system. Seems to be perfect ! (and to be honest, it’s the only point that miss me to launch my server at the moment :/). Did you share it somewhere ?

Thanks for your answers, keep the good job btor :slight_smile:

2 Likes
5

Hello Scapin

I’m currently working on a phone system with SMS/Games/Contacts/GPS point locations for services and more.
I don’t manage any server at the moment so i’m actually working just for fun.

Maybe the code of the phone will be open source, i dunno :slight_smile:

4 Likes
6

And just to be more precise, i don’t use EssentialMode but mysql-async from @brouznouf so all my current work is not directly pluggable with “common” scripts.

1 Like
7

Thanks for your answer Btor, hope you’ll do one, seems to be an awesome add and think that you’ll break the FiveM World with such script :slight_smile:

Good work :slight_smile:

1 Like
8

Inb4 this screen is seen on every server from now xD. haha nah but its well written, good job! love it! BTw that phone needs to be released though! sexy af! doesnt matter if its not compatible, let the devs play with it, its a very well done project.

1 Like
9

GG very good script good script and you share phone script at the end of video also :slight_smile:

1 Like
10

Where can I get such a phone?

11

dope !

Thanks for sharing

1 Like
12

good work awesome :wink:

2 Likes
13

Just commit a bug fix with first animation. Everythings must be okay now :slight_smile:

14

Hello guys,

Just a litle message to announce a new version. nothing “big” happened, i removed jQuery by a modern library : VueJS and fix a bug with the random values ( I used Math.round than Math.ceil )

I wanted to add a mute function but NUI seems to doesn’t like key listenner (my code worked on a browser but not on NUI) if anyone have the answer, tell me :slight_smile:

15

how do i get the music to play i changed the song

16

Hello,

You can change the sound by replacing the file intro.ogg by yours

17

i did that and still doesn’t play it

18

Do you put an ogg vorbis sound ? mp3 is not supported

19

How could you put text?

20

To put text on every makeover ?? Yes, please?