LoadingScreen // JavaScript / Rainbow Text / Clean

Hello again :slight_smile:

Today I present a new loading screen made by me, un loading screen simplu scriptat in html si javascript.

  • Clean LoadingScreen

  • With Particles

  • Rainbow Text

  • Background Music with keybind

Change the name in the index.html
Screenshot_2

if you want to change background, just replace the old bg (attention must have the same name!)
Screenshot_3

to change the song, change the music.ogg file with another (attention must be .ogg)
Screenshot_4

Small Spoiler

Small Spoiler

download : LoadingScreen.rar (5.9 MB)

Instruction
  • Download LoadingScreen.zip

  • Extrat the folder baby_loading

  • put the folder baby_loading in your resource folder

  • write in server.cfg start baby_loading

  • and you’re done!

Enjoy IT :kiss:

All Rights To The Creator BaByGeRRy

14 Likes

Nice Work :slight_smile:

2 Likes

wow Great job

3 Likes

Nice loading screen.

1 Like

You never gave credit to @Mack_Game4

1 Like

loadinscreen is made from 0 by me, I didn’t even know this @mack_game4

awesome thanks very much sir

1 Like

Hey, I liked this one…

1 Like

How to add more particles?

The music stops after 5 sec?

I discovered this problem now !! I am working to resolve it, i thinks is a fivem problem but a better version 2.0 will appear

you can edit the particles in the app.js or add a new .js file made with a particle script

Cool thanks!

@BaByGeRRy
I change the code for audio thing and after cleaning cache and restarting the server, audio works fine, to stop it I have to press spacebar 2 times but after that you can pause it and play it again :crazy_face:

Also noticed if you click on the screen you pause the music! :sweat_smile:

Btw, really good job! The loading screen is cool :kissing_smiling_eyes:

<audio controls id="leson" src="music/music.ogg" type="audio/ogg" hidden="true" loop="true"/>
		<script>
	

    var play = false;
    var myAudio = document.getElementById("leson");
    myAudio.autoplay = true;
    myAudio.load();
    
    myAudio.volume = 0.7;
	
	
    function onKeyDown(event) {
            switch (event.keyCode) {
                case 32: //SpaceBar                    
                    if (play) {
                        myAudio.pause();
                        play = false;
                    } else {
                        myAudio.play();
                        play = true;
                    }
                    break;
            }
      return false;
    }
    window.addEventListener("keydown", onKeyDown, false);
    </script>
1 Like

Is the dcord thing meant to be a button? If not can we make it a button that opens up like the client default browser to the dcord invite link?

1 Like

i dont know can you make but you can make button like this and nice loading screen @BaByGeRRy

1 Like

nice, good job

Yes of course ! In version 2.0 I will put all your ideas

1 Like

okay i solved it

From 0? https://youtu.be/QPspF2zgq44 okay