Skip to content

Loading Screen

A standalone cinematic loading screen with a live progress bar, Discord profile badge, music player and four info panels.

On this page2

Features

FeatureNotes
Two-act introFull-screen server name, then a logo reveal. Each act is separately switchable
BackgroundA cross-fading image rotation, or a looping video
Music playerPlaylist with transport controls, mute and a volume slider
Discord profile badgeThe connecting player's Discord name and avatar
Four info panelsKeybinds drawn onto a keyboard, staff cards, news articles and a screenshot gallery
Social rowSeven optional links. Each icon only renders when its URL is filled in
Fade-to-black exitHeld open long enough for the intro to finish, then faded out

Requirements

None. The resource is standalone: any FiveM server, no framework, no dependencies, no database. A Discord bot token is optional and only powers the profile badge.

The folder must be named pixel-loadingscreen. Both client/main.lua and server/main.lua refuse to start under any other name.

InstallationInstall pixel-loadingscreen and, if you want it, wire up the Discord profile badge. ConfigurationThe config.json sections that control branding, panel toggles, loading timings, text, background and music. Extra ConfigurationThe content arrays in config.json, handing the shutdown to your framework.