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"
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
Just replace files in files/img/background
and files/img/characters
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.
Replace files/sound/intro.ogg
file, MP3 is not allowed in NUI browser
Replace the volume value in files/js/loader.js
volume = 0.5;
v0.0.1: First version
- 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 )
This fivem resource is under Creative Commons CC-BY-NC-SA
Twitch: http://twitch.tv/bt0r
Twitter: http://twitter.com/biiitor