Modern Loading Screen

This comprehensive documentation covers the configuration system for the gaming application, including language support, UI settings, and core functionality management.

🌐 Language Configuration (LoadingLanguage)

Language Settings

languageSettings: {
    defaultLanguage: "tr",              // Default language: "en" or "tr"
    supportedLanguages: ["en", "tr"],   // Supported languages list
    fallbackLanguage: "en"              // Fallback if translation not found
}

Parameters:

• defaultLanguage: Sets the initial language on page load

• supportedLanguages: Array of available language codes

• fallbackLanguage: Used when a translation is missing

Translation Data Structure

The translation system supports comprehensive multilingual content across all application features:

Interface Elements

interface: {
    musicTooltip: "Music Player",           // Music button tooltip
    minigameTooltip: "Mini Games",          // Minigame button tooltip
    gameImages: "Game Gallery",             // Image gallery title
    staffList: "Staff Team",                // Staff panel title
    staffListDesc: "Server Management Team" // Staff panel description
}

Loading System

loadingSystem: {
    progressInfo: "Loading game assets and resources...",
    loadingStages: {
        0: "Initializing system...",        // 0% progress
        20: "Loading game scripts...",      // 20% progress
        40: "Preparing server connection...", // 40% progress
        60: "Loading game assets...",       // 60% progress
        80: "Finalizing setup...",          // 80% progress
        100: "Welcome to the game!"         // 100% progress
    }
}

Music System

musicSystem: {
    nowPlaying: "Now Playing",
    gameplayNowPlaying: "Background Music",
    musicControls: {
        play: "Play",
        pause: "Pause",
        next: "Next Track",
        previous: "Previous Track"
    }
}

Game System

gameSystem: {
    minigames: "Mini Games Collection",
    minigamesDescription: "Choose your gaming adventure!",
    categories: {
        classic: "Classic Games",
        retro: "Retro Arcade",
        adventure: "Adventure Games"
    },
    gameDescriptions: {
        flappyBird: "Navigate through pipes in this addictive flying challenge!",
        pacman: "Collect dots and avoid ghosts in this legendary arcade maze runner!",
        mario: "Jump through worlds and collect coins in this iconic platform adventure!"
    }
}

⚙️ Application Configuration (LoadingConfig)

Branding Settings

brandingSettings: {
    logoImagePath: "images/logo.png"    // Main logo file path
}

Purpose: Defines the application's visual branding elements displayed in the header.

Background Display Configuration

The application supports three background display modes:

1. Video Background (YouTube)

backgroundDisplay: {
    displayMode: "video",
    videoDisplay: {
        youtubeVideoUrl: "https://www.youtube.com/watch?v=Mocp762-ZxI"
    }
}

2. Local Video Background

backgroundDisplay: {
    displayMode: "local_video",
    videoDisplay: {
        localVideoFilePath: "images/rol.mp4"
    }
}

3. Slideshow Background

backgroundDisplay: {
    displayMode: "slideshow",
    slideshowDisplay: {
        imageChangeInterval: 5000,      // 5 seconds
        slideshowImages: [
            "images/1.png",
            "images/2.png",
            "images/3.png",
            "images/4.png"
        ]
    }
}

Display Mode Options:

• "video": YouTube video background

• "local_video": Local MP4 file background

• "slideshow": Rotating image slideshow

Music Player Configuration

musicPlayer: {
    playerEnabled: true,        // Enable/disable music player
    autoPlayEnabled: true,      // Auto-start music on page load
    musicTracks: [
        {
            audioFilePath: "music/telefon.mp3",
            songTitle: "Muti&Batuflex",
            artistName: "Telefon"
        },
        {
            audioFilePath: "music/pblack.mp3",
            songTitle: "Sebastian Böhm",
            artistName: "Paint it Black"
        }
    ]
}

Music Track Properties:

• audioFilePath: Path to the audio file

• songTitle: Display name of the song

• artistName: Artist or composer name

Image Gallery Configuration

imageGallery: {
    galleryImages: [
        "images/1.png",
        "images/2.png",
        "images/3.png",
        "images/4.png"
    ]
}

Purpose: Defines images displayed in the gallery accessible via the bottom-left button.

Staff Team Configuration

staffTeam: [
    {
        userDiscordId: "197400555214077952",    // Discord User ID
        userRole: "Founder"                     // Staff role/position
    },
    {
        userDiscordId: "298780001388462085",
        userRole: "Admin"
    },
    {
        userDiscordId: "1149806789999722538",
        userRole: "Developer"
    }
]

Available Roles:

• "Founder": Founder

• "Admin": Administrator

• "Developer": Developer team member