ESX Loading Screen

Moderner, animierter FiveM Loading Screen.

Features

• 🎨 Dunkles, elegantes Design (3-Spalten Layout)
• 🌀 Rotierende Logo-Animation
• ✨ Partikel-Hintergrund
• 📊 Echtzeit Fortschrittsbalken mit FiveM-Events
• 🕐 Live-Uhr & Datum
• 📋 Rotierende Regeln & Tipps
• 🔗 Social Links (Discord, TS, Website)
• 🎥 Optional: YouTube Video als Hintergrund
• ⚙️ Alles konfigurierbar in html/config.js

Installation

1. In resources/[custom]/esx-loadingscreen kopieren
2. server.cfg ganz oben (vor allem anderen):

ensure esx-loadingscreen

⚠️ Loading Screen muss der erste ensure-Eintrag sein!

Konfiguration (html/config.js)

const CONFIG = {
    serverName:    'DEIN SERVER',
    serverTagline: 'Dein Slogan hier',

    discord:   'discord.gg/deinserver',
    website:   'www.deinserver.de',

    background: 'gradient',      // 'gradient' oder 'video'
    videoId:    'YOUTUBE_ID',    // nur wenn background = 'video'
    accentColor: '#4a9eff',      // Hauptfarbe

    rules: [
        '🎮 Deine Regel 1',
        '🚔 Deine Regel 2',
    ],
    tips: [
        '💡 Dein Tipp 1',
    ],
};

Abhängigkeiten

Keine — reines HTML/CSS/JS.