Affichage tête haute de Trew (qbCore/ESX)

C'était une expérience formidable de jouer à GTA5 RP et d'apprendre LUA pour coder l'interface utilisateur du HUD de Trew. Cependant, après de nombreux défis avec la communauté FiveM et le projet lui-même, j'ai décidé d'arrêter le développement. Cela fait 6 mois que je n'ai pas joué à GTA5 RP, et continuer ce projet n'a plus de sens.

Aperçu vidéo

Télécharger Mirror

Caractéristiques

• Logo du serveur ;
• Emploi et le niveau du poste;
• Argent, argent sale, banque et la société (ce dernier est uniquement pour ESX) ;
• Statuts tels que la santé, l’armure, l’endurance, la faim et la soif ;
• Compteur de vitesse avec ceinture de sécurité soutien, détection de carburant, éclairage, changement de vitesse, alertes et sirènes (pour véhicules d'urgence) ;
• Localisation et heure ;
• Contrôleur vocal (compatible OneSync) ;
• Interface utilisateur pour les armes ;
• Inclusion du statut personnalisé.

Instructions d'installation

Comment installer FiveM HUD

1. Extraire les fichiers :
   • Extraire le .fermeture éclair fichier ou ouvrez-le directement.
   • Lieu trew_hud_ui dans votre répertoire de ressources.
2. Mise à jour serveur.cfg:
   • Ajoutez la ligne suivante à votre serveur.cfg fichier:sqlCode copierdémarrer trew_hud_ui

Instructions spéciales pour la version ESX

Exigences:

• es_extended
• société_esx
• compte_addon_esx

Facultatif:

• esx_basicneeds
• esx_status
• Carburant Legacy (il devrait être démarré avant trew_hud_ui)

Désactivation du HUD par défaut :

• Aller à es_extended/config.lua et définir Configuration.ActiverHud à FAUX.

Remplacement du code dans esx_basicneeds/main.lua:

• Remplacer le code existant : TriggerEvent('esx_status:registerStatus', 'faim', 1000000, '#CFAD0F', function(status) renvoie true fin, function(status) status.remove(1000) fin) TriggerEvent('esx_status:registerStatus', 'soif', 1000000, '#0C98F1', function(status) renvoie true fin, function(status) status.remove(750) fin) avec: TriggerEvent('esx_status:registerStatus', 'faim', 1000000, '#CFAD0F', function(status) return false end, function(status) status.remove(1000) end) TriggerEvent('esx_status:registerStatus', 'soif', 1000000, '#0C98F1', function(status) return false end, function(status) status.remove(750) end)

Instructions spéciales pour les versions VRP/VRPEX

Paramètres Config.vRP :

• Configurez les éléments nécessaires comme l'argent noir en spécifiant l'ID de l'élément dans config.lua.

Exemple de Config.vRP :

Configuration.vRP = {
  blackMoney = "dirty_money" -- Remplacez ceci par votre identifiant d'objet d'argent noir
}

Configurations générales :

• Configuration.Paramètres régionaux : Définir la langue (la valeur par défaut est fr).
• Config.serverLogo : Définissez l'URL du logo de votre serveur.
• Config.font: Personnaliser la police de l'interface utilisateur (la valeur par défaut est Montserrat).
• Date de configuration : Définir le format de date pour la position GPS.
• Config.voice: Configurer les paramètres vocaux (compatible OneSync).
• Configuration.véhicule : Configurer les paramètres du véhicule et du compteur de vitesse.
• Config.ui : Basculer les éléments d'affichage du HUD.

Ajout d'un statut personnalisé

Vous pouvez créer des indicateurs personnalisés pour des statuts existants comme le stress ou l'ivresse.

Exemple:

nexportations.trew_hud_ui.createStatus({
  statut = 'stress',
  couleur = '#FF0090',
  icône = ' '
});

Mise à jour du statut personnalisé :

Citoyen.CreateThread(fonction()
  bien que ce soit vrai
    Citoyen.Attendez(1000)
    
    ÉTAT DE STRESS local

    TriggerEvent('esx_status:getStatus', 'stress', fonction(statut)
      STRESS_STATUS = statut.getPercent()
    fin)

    exports.trew_hud_ui:setStatus({
      nom = 'stress',
      valeur = STRESS_STATUS
    });
  fin
fin)

Commandes de discussion :

• /toggleui: Active/désactive les éléments d'information du HUD, utiles pour les streamers.

Exemple d'utilisation :

/toggleui

FAQ

Q : La date du HUD est erronée ! Pouvez-vous la corriger ?

• UN: Le Affichage tête haute (HUD) La date utilise l'heure du serveur de jeu et les fonctions par défaut de FiveM, elle n'est donc pas erronée. Si vous souhaitez afficher la date réelle, vous pouvez la modifier application.js en utilisant JavaScript Date() Fonction. Recherchez sur Google pour plus d'informations.

Q : Comment puis-je modifier la commande /toggleui pour masquer les éléments ?

• UN: Pour éditer le /toggleui commande, va à la interface utilisateur.html fichiers et recherchez le identifiant attribut des éléments que vous souhaitez masquer. Ensuite, modifiez le basculeui commande dans client.lua pour répondre à vos besoins.

Q : Avez-vous l’intention de publier une version prenant en charge CE script ou CE script ?

• UN: Pas pour le moment. LegacyFuel est présenté comme une fonctionnalité facultative car il modifie le comportement du carburant mais ne nécessite pas de fonctions spéciales pour fonctionner.

Q : Je souhaite modifier la position des éléments. Comment puis-je procéder ?

• UN: Pour modifier les positions des éléments, vérifiez le main.css fichier et modifier le haut, gauche, droite, ou bas propriétés des éléments que vous souhaitez. Soyez prudent et lisez les informations sur le positionnement absolu dans CSS. Par exemple, pour positionner un élément en bas, utilisez le BAS propriété au lieu de HAUT.