{"id":150211,"date":"2024-08-21T16:34:45","date_gmt":"2024-08-21T14:34:45","guid":{"rendered":"https:\/\/hifivem.com\/?p=150211"},"modified":"2026-07-26T08:01:18","modified_gmt":"2026-07-26T06:01:18","slug":"compteur-de-vitesse-hud","status":"publish","type":"fivemx_free_resource","link":"https:\/\/fivemx.com\/fr\/gratuit\/compteur-de-vitesse-hud\/","title":{"rendered":"FiveM Tachym\u00e8tre HUD : Guide de la source et NUI Test Guide"},"content":{"rendered":"<p><!-- fivemx-monetized-disclosure:2026-07-22 --><\/p>\n<aside class=\"fivemx-monetized-disclosure\" aria-label=\"Divulgation de t\u00e9l\u00e9chargement mon\u00e9tis\u00e9\">\n<p><strong>Divulgation :<\/strong> Cette page contient des liens de t\u00e9l\u00e9chargement mon\u00e9tis\u00e9s. Nous pouvons gagner une commission lorsque vous les compl\u00e9tez.<\/p>\n<\/aside>\n<p><strong>Statut de la source :<\/strong> la liste de l'h\u00e9ritage nomme un Speedometer HUD et d\u00e9crit un flux de travail de construction orient\u00e9 ESX, mais FiveMX n'a pas pu localiser une source propri\u00e9taire correspondante, une licence, une somme de contr\u00f4le ou un manifeste public pour l'archive Linkvertise. Les fonctionnalit\u00e9s ci-dessous sont des cibles de test, pas des affirmations de package v\u00e9rifi\u00e9es.<\/p>\n<figure>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.fivemx.com\/wp-content\/uploads\/2024\/08\/speedometer-jpg.avif\" alt=\"Interface Speedometer HUD montr\u00e9e dans l&#039;aper\u00e7u FiveMX conserv\u00e9\" width=\"962\" height=\"547\" \/><figcaption>V\u00e9rifiez le package r\u00e9el \u00e0 plusieurs r\u00e9solutions. Une capture d'\u00e9cran promotionnelle ne peut pas prouver le support du framework, les unit\u00e9s de vitesse correctes ou un temps de ressource acceptable.<\/figcaption><\/figure>\n<h2>Ce que la v\u00e9rification de la source publique a \u00e9tabli<\/h2>\n<p>Le 22 juillet 2026, la page d'atterrissage mon\u00e9tis\u00e9e a retourn\u00e9 HTTP 200 mais n'a pas r\u00e9v\u00e9l\u00e9 de nom de fichier public, de taille d'archive, de SHA-256, de d\u00e9p\u00f4t, de licence, de liste de d\u00e9pendances ou <code>fxmanifest.lua<\/code>. FiveMX n'a pas pu v\u00e9rifier si l'archive est du code source, un NUI pr\u00e9construit ou le HUD sp\u00e9cifique montr\u00e9 ci-dessus. L'ancienne instruction pour ex\u00e9cuter <code>installation de npm<\/code> et <code>npm ex\u00e9cuter la construction<\/code> n'est donc pas r\u00e9p\u00e9t\u00e9e comme une exigence universelle.<\/p>\n<p>L'installation de packages npm ex\u00e9cute du code \u00e0 partir d'un arbre de d\u00e9pendances et peut invoquer des scripts de cycle de vie. N'ex\u00e9cutez une construction qu'apr\u00e8s avoir lu le manifeste du package, en utilisant le fichier de verrouillage et le gestionnaire de packages correspondant du d\u00e9p\u00f4t, et en confirmant que la ressource n\u00e9cessite effectivement une construction locale. Une archive de publication peut d\u00e9j\u00e0 inclure des actifs de production.<\/p>\n<h2>Inspectez l'archive HUD<\/h2>\n<ol>\n<li>Enregistrez le nom du fichier, la taille en octets et le SHA-256 ; scannez l'archive avant extraction.<\/li>\n<li>Ouvrir <code>fxmanifest.lua<\/code>. Enregistrez le nom de la ressource, les scripts client\/serveur, <code>page_interface utilisateur<\/code>, les fichiers, les d\u00e9pendances et les r\u00e9f\u00e9rences de framework.<\/li>\n<li>Inspecter <code>paquet.json<\/code> et le fichier de verrouillage sans installer. Passez en revue les scripts, les registres, les d\u00e9pendances et la version Node attendue.<\/li>\n<li>Recherchez dans Lua et JavaScript les \u00e9v\u00e9nements serveur, les callbacks, les URL distantes, la logique de comptage de joueurs, les donn\u00e9es de travail, la persistance du kilom\u00e9trage et les commandes de configuration non restreintes.<\/li>\n<li>V\u00e9rifiez si <code>esx_cruisecontrol<\/code>, un syst\u00e8me de carburant, une ressource vocale, un framework, une table de base de donn\u00e9es ou une d\u00e9finition d'\u00e9l\u00e9ment est effectivement requis.<\/li>\n<\/ol>\n<h2>V\u00e9rifications de packaging NUI<\/h2>\n<p>Cfx.re documente le NUI en plein \u00e9cran via un manifeste <code>page_interface utilisateur<\/code> et une liste explicite des fichiers web packag\u00e9s. Confirmez que chaque fichier HTML, CSS, police, image et JavaScript r\u00e9f\u00e9renc\u00e9 existe avec la m\u00eame casse. V\u00e9rifiez que le UI utilise <code>https:\/\/cfx-nui-<\/code> la port\u00e9e de la ressource s\u00e9curis\u00e9e plut\u00f4t que des chemins obsol\u00e8tes. Utilisez <code>nui_devTools<\/code> sur le serveur de staging pour capturer les erreurs de console et les requ\u00eates \u00e9chou\u00e9es.<\/p>\n<h2>Cas de test \u00e0 trois r\u00f4les et trois r\u00e9solutions<\/h2>\n<table>\n<thead>\n<tr>\n<th>Dimension<\/th>\n<th>Cas<\/th>\n<th>\u00c9chec de la capture<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>R\u00f4le<\/td>\n<td>civil, emploi configur\u00e9, administrateur<\/td>\n<td>Donn\u00e9es d'emploi divulgu\u00e9es ou param\u00e8tres non autoris\u00e9s<\/td>\n<\/tr>\n<tr>\n<td>R\u00e9solution<\/td>\n<td>1920\u00d71080, 2560\u00d71440, 3440\u00d71440<\/td>\n<td>Recouvrement, d\u00e9coupage ou minimap mal plac\u00e9<\/td>\n<\/tr>\n<tr>\n<td>V\u00e9hicule<\/td>\n<td>voiture, moto, a\u00e9ronef<\/td>\n<td>Mauvaise disposition, unit\u00e9 ou \u00e9tat cach\u00e9<\/td>\n<\/tr>\n<tr>\n<td>Cycle de vie<\/td>\n<td>rejoindre, rena\u00eetre, entrer\/sortir de v\u00e9hicule, reconnecter<\/td>\n<td>HUD obsol\u00e8te ou UI en double<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Utilisez deux clients afin de comparer le compteur de joueurs en ligne avec le nombre r\u00e9el de connexions. Changez d'emplois via le workflow normal du framework et v\u00e9rifiez que l'\u00e9tiquette se rafra\u00eechit sans avoir besoin de se reconnecter. Videz l'arme, rechargez, changez d'armes et mourez une fois pour tester l'affichage des munitions. Ces \u00e9tapes valident le comportement plut\u00f4t que de faire confiance \u00e0 la liste des fonctionnalit\u00e9s.<\/p>\n<h2>V\u00e9rifications de vitesse, kilom\u00e9trage et ceinture de s\u00e9curit\u00e9<\/h2>\n<ul>\n<li>Comparez les valeurs stationnaires, \u00e0 basse vitesse et sur autoroute avec le m\u00eame v\u00e9hicule. Passez de km\/h \u00e0 mph et confirmez que la conversion est plausible et coh\u00e9rente.<\/li>\n<li>Conduisez un itin\u00e9raire fixe, enregistrez le kilom\u00e9trage de d\u00e9part et d'arriv\u00e9e, reconnectez-vous et r\u00e9p\u00e9tez. Identifiez si le kilom\u00e9trage est par v\u00e9hicule, par personnage ou seulement local au client.<\/li>\n<li>Utilisez les indicateurs en stationnaire et en mouvement. Confirmez que les sons s'arr\u00eatent, ne s'empilent pas et sont audibles uniquement par le joueur destin\u00e9.<\/li>\n<li>Testez l'\u00e9tat de la ceinture de s\u00e9curit\u00e9 \u00e0 l'entr\u00e9e, \u00e0 la sortie, aux conditions d'\u00e9jection, \u00e0 la mort et au red\u00e9marrage des ressources. Si une d\u00e9pendance manque, le HUD doit \u00e9chouer clairement plut\u00f4t que de spammer des erreurs.<\/li>\n<li>Confirmez que la disposition de l'a\u00e9ronef cache les commandes r\u00e9serv\u00e9es \u00e0 la route et ne se brise pas lors du changement de classe de v\u00e9hicule.<\/li>\n<\/ul>\n<h2>Mesure de performance<\/h2>\n<p>Capturez le temps des ressources client \u00e0 pied, en conduisant, avec le panneau de param\u00e8tres ouvert et apr\u00e8s des transitions de v\u00e9hicule r\u00e9p\u00e9t\u00e9es. Enregistrez les erreurs de console NUI et comparez le rythme des images au m\u00eame endroit. Un HUD se met \u00e0 jour fr\u00e9quemment, donc une interrogation inefficace ou un travail de UI trop important peut rester invisible dans une capture d'\u00e9cran statique.<\/p>\n<p>Testez avec la minimap de production, le statut HUD, l'inventaire, les notifications et les scripts de v\u00e9hicule activ\u00e9s. Deux ressources NUI individuellement fonctionnelles peuvent encore se chevaucher, entrer en comp\u00e9tition pour le focus ou dupliquer les informations de vitesse, de carburant, de ceinture de s\u00e9curit\u00e9 et d'emploi.<\/p>\n<h2>Accessibilit\u00e9 et revue de contr\u00f4le du joueur<\/h2>\n<p>V\u00e9rifiez si les joueurs peuvent redimensionner, d\u00e9placer, recolorer ou masquer le HUD sans \u00e9diter les fichiers source. Testez le contraste lisible contre la lumi\u00e8re vive du jour, les routes de nuit, la neige ou la pluie, et la carte. Confirmez que la couleur n'est pas le seul indicateur pour l'\u00e9tat de la ceinture de s\u00e9curit\u00e9, du moteur ou de l'avertissement et que les sons peuvent \u00eatre r\u00e9duits lorsqu'ils ne sont pas critiques pour le gameplay.<\/p>\n<p>Enregistrez les param\u00e8tres, reconnectez-vous, changez de personnages et effacez uniquement le stockage client de la ressource pour comprendre o\u00f9 se trouvent les pr\u00e9f\u00e9rences. Documentez la commande de r\u00e9initialisation ou le fichier avant le lancement afin que le personnel de support puisse r\u00e9cup\u00e9rer un HUD hors \u00e9cran ou illisible sans supprimer l'ensemble du cache FiveM d'un joueur.<\/p>\n<h2>D\u00e9ploiement et r\u00e9trogradation<\/h2>\n<p>Si l'archive examin\u00e9e passe, installez-la sous son nom de dossier exact soutenu par le manifeste et utilisez <code>assurer<\/code> pour ce nom. Sauvegardez la configuration pr\u00e9c\u00e9dente de l'HUD, du framework, des modifications de la base de donn\u00e9es et <code>serveur.cfg<\/code>. Pour revenir en arri\u00e8re, arr\u00eatez la nouvelle ressource, restaurez l'ancien ordre de d\u00e9marrage et les donn\u00e9es, effacez uniquement le cache de test pertinent, et r\u00e9p\u00e9tez les v\u00e9rifications de jointure, de v\u00e9hicule, de t\u00e2che et de r\u00e9apparition.<\/p>\n<h2>Miroir mon\u00e9tis\u00e9 h\u00e9rit\u00e9<\/h2>\n<p><a href=\"https:\/\/linkvertise.com\/1197882\/fivem-speedometer-hud?o=sharing\" target=\"_blank\" rel=\"nofollow sponsored noopener\">Ouvrez la page Speedometer HUD Linkvertise pr\u00e9serv\u00e9e<\/a>. FiveMX n'a pas v\u00e9rifi\u00e9 l'archive ou sa licence. N'ex\u00e9cutez pas ses scripts npm ou son code serveur tant que les fichiers exacts ne passent pas les v\u00e9rifications ci-dessus.<\/p>\n<h2>Preuve de support pour publier en interne<\/h2>\n<p>Donnez au personnel de support le hash de l'archive test\u00e9e, le nom exact de la ressource, les versions du framework et des d\u00e9pendances, la commande de construction si elle \u00e9tait r\u00e9ellement n\u00e9cessaire, la m\u00e9thode de r\u00e9initialisation des param\u00e8tres, et des captures d'\u00e9cran de chaque r\u00e9solution. Ajoutez les r\u00e9sultats attendus pour le r\u00f4le, le v\u00e9hicule, l'unit\u00e9 de vitesse et la persistance. Cela transforme \u201cl'HUD est cass\u00e9\u201d en un cas reproductible et aide \u00e0 distinguer un d\u00e9faut de package d'un conflit avec une autre minimap, un statut, une ressource de carburant ou de v\u00e9hicule.<\/p>\n<h2>R\u00e9f\u00e9rences principales<\/h2>\n<ul>\n<li><a href=\"https:\/\/docs.fivem.net\/docs\/scripting-manual\/nui-development\/full-screen-nui\/\" target=\"_blank\" rel=\"noopener\">Documentation NUI plein \u00e9cran Cfx.re<\/a><\/li>\n<li><a href=\"https:\/\/docs.fivem.net\/docs\/scripting-manual\/introduction\/introduction-to-resources\/\" target=\"_blank\" rel=\"noopener\">Structure de ressource Cfx.re<\/a><\/li>\n<li><a href=\"https:\/\/fivemx.com\/fr\/comment-utiliser-resmon-dans-fivem-optimiser-les-ressources\/\">Guide FiveM du moniteur de ressources<\/a><\/li>\n<li><a href=\"https:\/\/fivemx.com\/fr\/hud-fivem\/\">Produits FiveM HUD<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Inspectez l'archive HUD inconnue et le flux de travail npm, v\u00e9rifiez l'emballage NUI, testez les r\u00f4les et les r\u00e9solutions, mesurez le temps des ressources et conservez le retour en arri\u00e8re.<\/p>","protected":false},"featured_media":150212,"template":"","meta":{"footnotes":""},"categories":[2297,2330,2877],"tags":[2931,2928,2948],"free-resource-types":[3075],"free-resource-frameworks":[3070],"class_list":["post-150211","fivemx_free_resource","type-fivemx_free_resource","status-publish","has-post-thumbnail","hentry","category-free","category-hud","category-free-fivem-job-scripts","tag-car","tag-free","tag-vehicle","fivemx_free_resource_type-hud","fivemx_free_resource_framework-esx"],"_links":{"self":[{"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/free-resources\/150211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/free-resources"}],"about":[{"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/types\/fivemx_free_resource"}],"version-history":[{"count":4,"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/free-resources\/150211\/revisions"}],"predecessor-version":[{"id":214593,"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/free-resources\/150211\/revisions\/214593"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/media\/150212"}],"wp:attachment":[{"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/media?parent=150211"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/categories?post=150211"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/tags?post=150211"},{"taxonomy":"fivemx_free_resource_type","embeddable":true,"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/free-resource-types?post=150211"},{"taxonomy":"fivemx_free_resource_framework","embeddable":true,"href":"https:\/\/fivemx.com\/fr\/wp-json\/wp\/v2\/free-resource-frameworks?post=150211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}