{"id":105723,"date":"2023-12-19T03:20:01","date_gmt":"2023-12-19T02:20:01","guid":{"rendered":"https:\/\/fivem-mods.net\/?post_type=product&#038;p=105723"},"modified":"2026-06-22T20:39:34","modified_gmt":"2026-06-22T18:39:34","slug":"ecran-de-chargement-debux","status":"publish","type":"product","link":"https:\/\/fivemx.com\/fr\/loading-screen-debux\/","title":{"rendered":"\u00c9cran de chargement (DebuX)"},"content":{"rendered":"<h2>\u00c9cran de chargement (DebuX) | Une premi\u00e8re impression professionnelle pour votre serveur FiveM<\/h2>\n<p>Rendez chaque connexion m\u00e9morable gr\u00e2ce \u00e0 l&#039;\u00e9cran de chargement DebuX, une exp\u00e9rience moderne et soign\u00e9e qui transforme la s\u00e9quence de d\u00e9marrage monotone de FiveM en une v\u00e9ritable vitrine professionnelle de votre serveur. Bien plus qu&#039;une simple barre de progression, c&#039;est la premi\u00e8re impression que votre serveur donne, alliant graphismes \u00e9l\u00e9gants, informations pratiques et animations fluides pour captiver les joueurs pendant le chargement. Montrez \u00e0 votre communaut\u00e9 que la qualit\u00e9 compte d\u00e8s le premier instant.<\/p>\n<h3>Ce qui distingue DebuX<\/h3>\n<ul>\n<li><strong>Langage du design moderne<\/strong> \u2013 Interface \u00e9pur\u00e9e et professionnelle avec des animations fluides<\/li>\n<li><strong>Affichage des informations du serveur<\/strong> \u2013 Afficher le nombre de joueurs, les r\u00e8gles du serveur, les liens vers les r\u00e9seaux sociaux et les annonces<\/li>\n<li><strong>Int\u00e9gration musicale<\/strong> \u2013 Musique de fond optionnelle pendant le chargement (volume configurable)<\/li>\n<li><strong>Indicateurs de progr\u00e8s<\/strong> \u2013 Retour visuel pour les \u00e9tapes de chargement avec affichage en pourcentage<\/li>\n<li><strong>Enti\u00e8rement personnalisable<\/strong> \u2013 Modifier les couleurs, les arri\u00e8re-plans, les logos et le texte pour qu&#039;ils correspondent \u00e0 l&#039;identit\u00e9 visuelle du serveur.<\/li>\n<li><strong>Conception r\u00e9active<\/strong> \u2013 S&#039;adapte parfaitement \u00e0 toutes les r\u00e9solutions d&#039;\u00e9cran et \u00e0 tous les formats d&#039;image.<\/li>\n<\/ul>\n<h3>Parfait pour<\/h3>\n<ul>\n<li>Serveurs de jeux de r\u00f4le s\u00e9rieux souhaitant une premi\u00e8re impression professionnelle<\/li>\n<li>Des communaut\u00e9s qui valorisent le raffinement et le souci du d\u00e9tail<\/li>\n<li>Les propri\u00e9taires de serveurs remplacent les \u00e9crans de chargement par d\u00e9faut de FiveM par des exp\u00e9riences personnalis\u00e9es.<\/li>\n<li>Serveurs devant communiquer des r\u00e8gles et des informations lors de l&#039;int\u00e9gration des joueurs<\/li>\n<\/ul>\n<h3>Caract\u00e9ristiques visuelles<\/h3>\n<ul>\n<li><strong>Arri\u00e8re-plans personnalis\u00e9s<\/strong> \u2013 T\u00e9l\u00e9versez des captures d&#039;\u00e9cran du serveur, des illustrations ou des images de marque<\/li>\n<li><strong>Affichage du logo<\/strong> \u2013 Mettez en \u00e9vidence le logo de votre serveur ou l&#039;identit\u00e9 visuelle de votre communaut\u00e9.<\/li>\n<li><strong>Sch\u00e9mas de couleurs<\/strong> \u2013 Personnalisez toutes les couleurs de l&#039;interface utilisateur pour qu&#039;elles correspondent au th\u00e8me du serveur<\/li>\n<li><strong>Effets d&#039;animation<\/strong> \u2013 Fondu encha\u00een\u00e9 fluide, animations de barres de progression, transitions de texte<\/li>\n<li><strong>Conseils de chargement<\/strong> \u2013 Affichage en rotation des astuces de jeu et des informations du serveur pendant le chargement<\/li>\n<li><strong>Ic\u00f4nes des r\u00e9seaux sociaux<\/strong> \u2013 Liens cliquables Discord, Twitter, Instagram, TikTok<\/li>\n<\/ul>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"y2mate.is-FIVEM-\u00c9cran-de-chargement-DebuX-TOUS-FRAMEWORKS-2iP5Gv5Cy5s-1080pp-1702952317\" src=\"https:\/\/streamable.com\/o\/2ymake#?secret=kDqEHZ4Dqe\" data-secret=\"kDqEHZ4Dqe\" frameborder=\"0\" scrolling=\"no\" width=\"1920\" height=\"1080\"><\/iframe><\/p>\n<h3>Options d&#039;affichage des informations<\/h3>\n<ul>\n<li><strong>Nom et description du serveur<\/strong> \u2013 L&#039;identit\u00e9 et le slogan de votre serveur<\/li>\n<li><strong>Nombre de joueurs<\/strong> \u2013 Nombre actuel de joueurs en ligne et capacit\u00e9 du serveur<\/li>\n<li><strong>R\u00e8gles du serveur<\/strong> \u2013 Afficher les r\u00e8gles essentielles pendant le chargement (emp\u00eache les excuses li\u00e9es au non-respect des r\u00e8gles)<\/li>\n<li><strong>Annonces<\/strong> \u2013 Pr\u00e9senter des \u00e9v\u00e9nements, des mises \u00e0 jour ou des avis importants<\/li>\n<li><strong>Liens sociaux<\/strong> \u2013 Invitation Discord, site web, liens pour faire un don<\/li>\n<li><strong>\u00c9quipe du personnel<\/strong> \u2013 Mettre en \u00e9vidence le personnel du serveur et les informations de contact<\/li>\n<li><strong>Statistiques du serveur<\/strong> \u2013 Nombre total de joueurs, disponibilit\u00e9, visiteurs uniques<\/li>\n<\/ul>\n<h3>Fonctionnalit\u00e9s de chargement en cours<\/h3>\n<ul>\n<li><strong>Indicateurs d&#039;\u00e9tape<\/strong> \u2013 Afficher la phase de chargement active (connexion, t\u00e9l\u00e9chargement, lancement)<\/li>\n<li><strong>Affichage en pourcentage<\/strong> \u2013 Pourcentage de progression num\u00e9rique accompagn\u00e9 d&#039;une barre visuelle<\/li>\n<li><strong>Dur\u00e9e estim\u00e9e<\/strong> \u2013 Afficher le temps de chargement restant approximatif (facultatif)<\/li>\n<li><strong>Messages d&#039;\u00e9tat<\/strong> \u2013 Texte descriptif pour chaque phase de chargement<\/li>\n<li><strong>Animations fluides<\/strong> \u2013 La barre de progression se remplit de mani\u00e8re fluide, sans \u00e0-coups.<\/li>\n<\/ul>\n<h3>Options de personnalisation<\/h3>\n<ul>\n<li><strong>Param\u00e8tres d&#039;arri\u00e8re-plan<\/strong> \u2013 Arri\u00e8re-plans statiques, carrousels d&#039;images ou vid\u00e9os<\/li>\n<li><strong>Lecteur de musique<\/strong> \u2013 Ajouter une musique de fond avec contr\u00f4le du volume<\/li>\n<li><strong>Choix de polices<\/strong> \u2013 Choisissez parmi les polices incluses ou utilisez des polices web personnalis\u00e9es<\/li>\n<li><strong>Options de mise en page<\/strong> \u2013 Choisissez parmi plusieurs mises en page pr\u00e9d\u00e9finies<\/li>\n<li><strong>Contenu textuel<\/strong> \u2013 Modifiez facilement tout le texte affich\u00e9 dans config.lua<\/li>\n<li><strong>S\u00e9lecteur de couleurs<\/strong> \u2013 Personnalisez la couleur de chaque \u00e9l\u00e9ment de l&#039;interface utilisateur<\/li>\n<\/ul>\n<h3>Installation<\/h3>\n<ol>\n<li>Extrayez l&#039;\u00e9cran de chargement DebuX dans le dossier des ressources de votre serveur.<\/li>\n<li>Modifiez le fichier config.lua pour ajouter les informations de votre serveur, vos r\u00e8gles et vos liens vers les r\u00e9seaux sociaux.<\/li>\n<li>Remplacez les images d&#039;arri\u00e8re-plan par d\u00e9faut par l&#039;identit\u00e9 visuelle de votre serveur (situ\u00e9e dans \/images\/).<\/li>\n<li>Personnalisez les couleurs et les polices dans le fichier CSS (facultatif).<\/li>\n<li>Ajoutez ensure debux_loadingscreen \u00e0 votre server.cfg<\/li>\n<li>Red\u00e9marrez le serveur et connectez-vous pour voir votre nouvel \u00e9cran de chargement.<\/li>\n<\/ol>\n<h3>Compatibilit\u00e9 du framework<\/h3>\n<ul>\n<li>\u2705 <strong>Cadre ind\u00e9pendant<\/strong> \u2013 Fonctionne avec <a href=\"\/fr\/scripts-esx\/\" \/>ESX<\/a>, <a href=\"\/fr\/scripts-qbcore\/\" \/>QBCore<\/a>, <a href=\"\/fr\/scripts-qbox\/\" \/>QBOX<\/a>, ou tout cadre<\/li>\n<li>\u2705 <strong>Aucune d\u00e9pendance<\/strong> \u2013 \u00c9cran de chargement HTML\/CSS\/JS purement c\u00f4t\u00e9 client<\/li>\n<li>\u2705 <strong>Compatibilit\u00e9 universelle<\/strong> \u2013 Compatible avec tous les serveurs FiveM<\/li>\n<\/ul>\n<h3>D\u00e9tails techniques<\/h3>\n<ul>\n<li><strong>Taille du fichier:<\/strong> Pack l\u00e9ger de moins de 10 Mo (sans musique ni images personnalis\u00e9es)<\/li>\n<li><strong>Performance:<\/strong> C\u00f4t\u00e9 client uniquement, aucun impact sur les performances du serveur<\/li>\n<li><strong>Technologie:<\/strong> HTML5, CSS3, JavaScript (aucune d\u00e9pendance externe)<\/li>\n<li><strong>Compatibilit\u00e9:<\/strong> Compatible avec toutes les versions du serveur FiveM<\/li>\n<\/ul>\n<h3>Int\u00e9gration musicale<\/h3>\n<p>DebuX propose une option de musique d&#039;ambiance. Ajoutez vos propres fichiers musicaux (MP3, OGG) pour une exp\u00e9rience de chargement immersive. Les joueurs peuvent couper le son via un bouton \u00e0 l&#039;\u00e9cran. Parmi les choix populaires\u00a0: rythmes lo-fi, musique d&#039;ambiance ou bandes son th\u00e9matiques pour le serveur, id\u00e9ales pour l&#039;immersion dans le jeu de r\u00f4le.<\/p>\n<h3>Avantages de l&#039;affichage des r\u00e8gles<\/h3>\n<p>L&#039;une des fonctionnalit\u00e9s les plus pr\u00e9cieuses de DebuX est l&#039;affichage des r\u00e8gles du serveur pendant le chargement. Les nouveaux joueurs sont ainsi oblig\u00e9s de consulter les r\u00e8gles les plus importantes avant m\u00eame d&#039;appara\u00eetre\u00a0: fini les excuses du genre \u00ab\u00a0Je ne savais pas que c&#039;\u00e9tait interdit\u00a0\u00bb. Affichez les r\u00e8gles essentielles, comme les d\u00e9finitions de RDM\/VDM, les directives concernant les \u00e9checs RP ou les conditions de cr\u00e9ation de personnage, au moment pr\u00e9cis o\u00f9 les joueurs en ont besoin.<\/p>\n<h3>Opportunit\u00e9s de branding<\/h3>\n<ul>\n<li><strong>Logo du serveur<\/strong> \u2013 Mettez en \u00e9vidence l&#039;image de marque de votre communaut\u00e9<\/li>\n<li><strong>Correspondance des couleurs<\/strong> \u2013 Harmoniser l&#039;\u00e9cran de chargement avec les couleurs du site web\/Discord du serveur.<\/li>\n<li><strong>D\u00e9monstration de captures d&#039;\u00e9cran<\/strong> \u2013 Utilisez des captures d&#039;\u00e9cran du jeu pour illustrer les fonctionnalit\u00e9s du serveur<\/li>\n<li><strong>Logos des partenaires<\/strong> \u2013 Afficher les logos des serveurs des sponsors ou des partenaires<\/li>\n<li><strong>Pr\u00e9sence sociale<\/strong> \u2013 Diriger les joueurs vers les cha\u00eenes Discord, TikTok et YouTube<\/li>\n<\/ul>\n<h3>Pourquoi les propri\u00e9taires de serveurs choisissent DebuX<\/h3>\n<p>L&#039;\u00e9cran de chargement est la premi\u00e8re chose que chaque joueur voit\u00a0: soignez-le. Un \u00e9cran de chargement soign\u00e9 indique imm\u00e9diatement que votre serveur est l\u00e9gitime, bien entretenu et m\u00e9rite qu&#039;on s&#039;y investisse. DebuX remplace l&#039;\u00e9cran de chargement par d\u00e9faut de FiveM, souvent peu esth\u00e9tique, par une interface personnalis\u00e9e qui refl\u00e8te l&#039;identit\u00e9 de votre serveur. L&#039;affichage des r\u00e8gles pendant le chargement r\u00e9duit les signalements d&#039;infractions, et les liens vers les r\u00e9seaux sociaux favorisent les inscriptions sur Discord et l&#039;engagement de la communaut\u00e9.<\/p>\n<h3>Exemples de configuration<\/h3>\n<p>Le fichier config.lua utilise des tableaux Lua simples pour une personnalisation ais\u00e9e\u00a0:<\/p>\n<ul>\n<li><strong>Informations serveur :<\/strong> Nom, description, point de terminaison API du nombre de joueurs<\/li>\n<li><strong>Tableau des r\u00e8gles\u00a0:<\/strong> Liste des r\u00e8gles du serveur affich\u00e9es en rotation<\/li>\n<li><strong>Liens sociaux:<\/strong> URL du serveur Discord, du site web et de la page de dons<\/li>\n<li><strong>Conseils de chargement\u00a0:<\/strong> Des conseils de jeu utiles s&#039;affichent pendant le chargement<\/li>\n<li><strong>Couleurs:<\/strong> Couleurs primaires, secondaires et d&#039;accentuation au format hexad\u00e9cimal<\/li>\n<\/ul>\n<h3>Avantages li\u00e9s \u00e0 l&#039;exp\u00e9rience du joueur<\/h3>\n<p>Les \u00e9crans de chargement sont ennuyeux\u00a0; DebuX les rend informatifs et captivants. Les joueurs peuvent lire les r\u00e8gles, se renseigner sur les \u00e9v\u00e9nements du serveur, rejoindre le Discord et s&#039;impr\u00e9gner de l&#039;ambiance avant m\u00eame d&#039;appara\u00eetre. Les conseils de chargement qui d\u00e9filent expliquent les m\u00e9caniques de jeu aux nouveaux joueurs, et la musique cr\u00e9e une atmosph\u00e8re relaxante pendant les temps morts. C&#039;est une petite am\u00e9lioration du confort de jeu qui fait toute la diff\u00e9rence pour fid\u00e9liser les joueurs.<\/p>\n<h3>Mise \u00e0 jour et assistance<\/h3>\n<p>Mises \u00e0 jour \u00e0 vie incluses \u00e0 l&#039;achat. Les mises \u00e0 jour r\u00e9guli\u00e8res ajoutent de nouvelles options de mise en page, des fonctionnalit\u00e9s et des am\u00e9liorations de compatibilit\u00e9 pour les nouvelles versions de FiveM.<\/p>\n<h3>Scripts vRP associ\u00e9s<\/h3>\n<ul>\n<li><a href=\"https:\/\/fivemx.com\/fr\/sac-de-tenue-kq-2\/\" \/>Sac de tenue KQ 2.0<\/a><\/li>\n<li><a href=\"https:\/\/fivemx.com\/fr\/magasin-darmes-pour-les-yeux-v2\/\" \/>Magasin d&#039;armes Eyes V2<\/a><\/li>\n<li><a href=\"https:\/\/fivemx.com\/fr\/ou-marche-noir-2\/\" \/>0R March\u00e9 noir<\/a><\/li>\n<li><a href=\"https:\/\/fivemx.com\/fr\/un-kill-feed-inspire-de-valorant\/\" \/>Un Kill-Feed (Fil d&#039;\u00e9limination inspir\u00e9 de Valorant)<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>L&#039;\u00e9cran de chargement contient un mini-jeu.<\/p>\n<p>Regardez la vid\u00e9o<\/p>","protected":false},"featured_media":105725,"comment_status":"open","ping_status":"closed","template":"","meta":[],"product_brand":[2893],"product_cat":[243,96,537,512,2907,511],"product_tag":[2679],"class_list":["post-105723","product","type-product","status-publish","has-post-thumbnail","product_brand-debux","product_cat-vrp-scripts","product_cat-esx-scripts","product_cat-fivem-loadingscreens","product_cat-qbcore-scripts","product_cat-qbox-scripts","product_cat-standalone-scripts","product_tag-debux","first","instock","sale","downloadable","virtual","taxable","purchasable","product-type-simple"],"_links":{"self":[{"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/product\/105723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/comments?post=105723"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/media\/105725"}],"wp:attachment":[{"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/media?parent=105723"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/product_brand?post=105723"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/product_cat?post=105723"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/product_tag?post=105723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}