INFAMOUS LOADING SCREEN v2.0

17 Particle Effects | Music Player | Staff & Rules | Fully Customizable

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

FEATURES

• 17 Layerable Particle Effects — Toggle any combination on or off. All effects can run at the same time.

• 400px Animated Server Logo — Spinning or static mode, 1–4 orbital rings, hologram scanline, orbiting particles, pulsing energy field. Fully configurable.

• Built-in Music Player — Play/pause, skip forward/back, volume slider, mute toggle, shuffle mode, and a 15-bar audio visualizer. Supports unlimited tracks.

• Staff Credits Panel — Configurable panel title, roles, and names. Toggle on/off.

• Server Rules Panel — Scrollable rules list with numbered entries. Toggle on/off.

• Discord & Website Links — Clickable links displayed below the loading bar. Each link has its own toggle, URL, and label. Show one, both, or neither.

• Animated Loading Bar — Hooks into FiveM's native loading events for real progress tracking. Tri-color animated gradient, customizable status messages, and percentage display.

• Background Image Rotation — Crossfade between unlimited images with Ken Burns zoom effect.

• Visual Overlays — Scanlines, film grain, and vignette are applied automatically for a cinematic look.

• Plug & Play — Ships with neutral white/grey defaults. Brand to your server's colors in minutes. No coding required.

• Zero Dependencies — Works with QBCore, ESX, or any framework. No libraries, no external scripts.

• Performance Optimized — Pure CSS animations. No external libraries loaded. Production-grade code with DOM caps and cleanup on all dynamic effects.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

17 PARTICLE EFFECTS

 1. Falling Diamonds — Rotating diamond shapes with configurable glow

 2. Rain — Rain drops with adjustable wind angle

 3. Floating Orbs — Large blurred orbs slowly drifting around

 4. Nebula Dust — Tiny dual-color glowing particles drifting randomly

 5. Energy Streaks — Horizontal energy lines shooting across the screen

 6. Portal Rings — Expanding circular rings with glow

 7. Glitch Blocks — Rapid-flash RGB rectangles

 8. Falling Code — Matrix-style falling characters (canvas rendered)

 9. Rising Embers — Glowing particles rising upward

10. Lightning Bolts — Branching SVG bolts with optional screen flash

11. Cosmic Rays — Wide horizontal light bands sweeping across

12. Void Ripples — Expanding circular ripple distortions

13. Hex Grid — Floating hexagonal SVG tiles with glow

14. Plasma Waves — Undulating sine-wave SVG bands

15. Warp Tunnel — Speed streaks radiating from screen center

16. Orbital Debris — Small chunks orbiting the center of the screen

17. Quantum Flicker — Rapid sparkle/twinkle field across the screen

Every effect has its own config section where you can customize the count, size, speed, duration, colors, glow, and more. Mix and match any combination to create your server's unique look.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

5-MINUTE SETUP

1. Drop the infamous-loadingscreen folder into your server's resources/ folder.

2. Add to your server.cfg: ensure infamous-loadingscreen

3. Drop your logo into html/img/ as logo.png (square PNG, 800x800 or larger).

4. Drop your background images into html/img/ as bg1.jpg, bg2.jpg, etc.

5. Drop your music files into html/audio/ as track1.mp3, track2.mp3, etc.

6. Open html/js/config.js and change your server name, staff, colors, and effects.

7. Restart your server — done.

Each folder contains a README.txt with detailed instructions on file naming, formats, and sizes.

Dependencies: NONE — Fully standalone.

Framework: Works with QBCore, ESX, or any framework.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

ONE CONFIG FILE — EVERYTHING

All customization is done in a single config.js file. Every setting is documented inline with clear instructions. No coding knowledge required.

What you can customize:

• Server name, tagline, and connecting text

• Discord invite link and website link (each toggleable)

• Toggle any of the 17 particle effects on/off

• Customize particle count, size, speed, duration, and colors for each effect

• Logo size, spin or static mode, spin speed, glow, ring count, hologram, energy field

• Music tracks with titles, autoplay, shuffle mode, default volume

• Staff panel title, roles, and names (toggleable)

• Server rules with numbered entries (toggleable, scrollable)

• Full color theme — primary, secondary, accent colors with hex and RGB

• Loading bar colors, glow, status messages, percentage display

• Background image list, rotation speed, and crossfade speed

Ships with neutral defaults so it works out of the box. Change your brand colors and it transforms instantly.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

WHAT YOU GET

• Complete drag-and-drop resource — ready to use immediately

• Full source code (HTML, CSS, JS) — clean, readable, production-grade

• Fully documented config.js — 450+ lines of inline instructions

• README.txt in each asset folder — tells you exactly what files to add and how

• Quick-start installation guide

• Changelog with version history

• Free lifetime updates via Tebex

• Discord support

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

© Infamous Development — Single-server license per purchase.

Redistribution or resale is strictly prohibited.