Home / Forum / Fr 🇫🇷 | En 🇬🇧 / Aide pour Gmod Glua Lua / Tutoriel HUD pour Nordahl Job Agenda Editor

⚗️ Tutoriel HUD pour Nordahl Job Agenda Editor

img
🎁 Buyer
📖 Posts: 2
↩️ Replies: 0
❤️ Reactions: 0
Girah Posted 1587769576 (Edited) (14314 views)
Lien du script : Job Agenda Editor
  • 1. Bases : Comprendre et modifier le HUD de base
  • 2. Avancé : Avoir un HUD d’agenda totalement personnalisé

    Avant toutes choses: Ce Tuto est des plus simples et basiques pour une modification minimale du HUD selon vos besoins. Certaines notions ne seront pas abordées, donc si il vous manque quelque chose ce sera à vous de travailler dessus. Mais vous devriez savoir le nécessaire pour faire ce que vous souhaitez.

    1. Bases : Comprendre et modifier le HUD de base

    Tout d’abord, il faut savoir que tout ce qui concerne le HUD de l’agenda est uniquement traité dans le fichier :nordahl_job_agenda_editor/lua/autorun/nordahl_cl/nordahl_school/rp_planning_cl.lua Une fois dans ce dossier, il faut vous rendre aux lignes 911 à 916.Vous pouvez ici tout ce qui compose le HUD en haut à droite que peuvent voir les joueurs.Maintenant, étudions et comprenons ce code.La première partie, à savoir celle ci:

    Est ce qui dessine le HUD. “rradient” sont des fonctions créées plus haut pour définir la texture du bloc.


    Elles sont définies au débuts du code.Comme vous l’aurez compris, il s’agit d’un appel de la fonction rradient à trois reprises.rradient(r,g,b,a,x,y,w,t) sera la seule partie appelée à chaque fois et qui nous permettra de dessiner le bloc souhaité. Elle se décompose elle même en plusieurs points:- r,g,b sont les variables qui définissent la couleur du bloc.- a definie la transparence du bloc. Plus la valeur est grande, moins le bloc est transparent. (0= invisible, 255 = maximum d’opacité)- x définie à partir de quel endroit le bloc commence à se dessiner. - y définie la hauteur à laquelle se dessine le bloc en partant du haut de l’écran. 0 = tout en haut de l'écran, et plus vous augmentez, plus votre bloc baisse.- w définie la longueur du bloc. Plus vous augmentez la valeur, plus le bloc s'allongera vers la droite et uniquement vers la droite. (ps: lui donner la même valeur que X en positif si vous voulez que le bloc touche le bord de l'écran à droite.)- t definie la taille du bloc de haut en bas. Le principe est le même que pour w, plus votre valeur est grande et plus le bloc s’allongera mais cette fois ci vers le bas. On évite à nouveau les valeurs négatives.Ps: rradient et zradient ont une différence qui sera expliquée plus bas.rradient(255,255,255,255,ScrW()-180,19,180,47) donnera donc ce bloc :


    rradient(255,120,0,100,ScrW()-300,50,250,80) donnera donc ce bloc

    Je vous laisse vous amusez avec les valeurs afin de trouver l’emplacement qu’il vous faut. Sachez cependant que vous pouvez faire plusieurs blocs de différentes couleurs.rradient(255,255,255,200,ScrW()-300,30,250,20)rradient(255,120,0,100,ScrW()-300,50,250,80)Donnerons donc ces deux blocs Attention, les blocs peuvent se superposer, donc assurez vous de bien definir les valeurs Y et T.Félicitations ! Vous savez désormais comment modifier les couleurs et la taille de votre HUD.

    Nous pouvons donc attaquer la seconde partie qui est le positionnement du texte de l’HUD.Nous allons donc nous intéresser à ces trois lignes :Il faut savoir que dText est une simple fonction draw.SimpleText.Pour cette partie : Les explications seront bien plus simples car nous n’avons besoins que de savoir quelles valeurs modifié et lesquels peuvent rester tel quel. dText("NordaHL Job Agenda "..NCS_VER["nordahl_job_agenda_editor"],"DermaDefault",ScrW()-10,11,Color(255,255,255),2,1,1,Color(0,0,0,255))Se compose en 5 parties modifiable: -"NordaHL Job Agenda "..NCS_VER["nordahl_job_agenda_editor"] Correspond au texte affiché sur le HUD, Il s’agit du Titre de base affiché “NordaHL Job Agenda 3.7”. comme NCS_VER[“nordahl_job_agenda_editor”] correpond à une valeur, il en existe d’autres et voici celles qui vous interesserons surement : HUDJour(CONFIG.Jour) correspond au jour auquel vous êtes en jeu (Lundi, Mardi..)HUDHeure(CONFIG.Heure) correspond à l’heure en jeu.CONFIG.Acti correspond à ce qui se passe à l’heure du jour actuel. Ainsi si le Mardi à 17h vous avez piscine, CONFIG.Acti affichera “Piscine”.Ce sont là les trois valeurs que vous aurez surement le plus besoin. ATTENTION ces valeurs doivent toujours êtres séparées des textes par deux points = “Texte”..CONFIG.Acti ou alors CONFIG.Acti..”Texte” Ainsi, Donnera ce résultat :- DermaDefault Correspond à la police d’écriture (fonts) affichée. Vous pouvez modifier par l’une des polices de base de Gmod ( voir ceci https://maurits.tv/data/garrysmod/wiki/wiki.garrysmod.com/index5b6d.html)- ScrW()-10,11 correspond au positionnement du texte en x,y. -10 correspondant au x (donc plus la valeur descend dans les négatives, plus le texte se trouvera à gauche) et 11 au y (plus la valeur augmente vers les positives, plus le texte descendra)- Color(255,255,255) correspond tout simplement à la couleur du texte affiché.- 2,1,1 sont très intéressants : il s’agit du positionnement de texte : - 1 : Centré - 2 : Alligné à Gauche - 3 : Alligné à DroiteA savoir que le premier chiffre agit sur l’alignement horizontale, et le deuxième vertical. Le troisième laissez le toujours à 1.Ainsi, si vous souhaitez avoir un texte parfaitement centré et ce peux importe son contenu en restant toujours au même endroit, je vous conseille les valeurs 1,1,1.Vous savez désormais tout ce qu’il faut savoir sur comment éditer et placer le texte de votre HUD. Ainsi vous avez toutes les cartes en mains pour passer du HUD de base :à un tout autre style :

    Félicitations ! Vous savez désormais comment modifier complètement le HUD de base du Job Agenda Editor !

    2. Avancé : Avoir un HUD d’agenda totalement personnaliséCette seconde partie sera plus courtes mais nécessite d’avoir bien compris les bases expliquées au dessus. Vous allez désormais apprendre à comment ajouter une texture personnalisée et comment ajouter une nouvelle police d’écriture.Pour une texture personnalisée ou même une image, il vous faut d’abord créer le material et la fonction qui créera le bloc contenant cette image. Pour ce faire, rien de plus simples ! Retournez d’abord sur ces lignesIl faut d’abord définir le nouveau material que vous utiliserez, comme ceci :Puis le rappeler dans une fonction qui créera le bloc de l’image, copiez simplement une des deux lignes déjà présentes et modifiez la pour en faire une nouvelle fonction, ce qui donnera :Retournez ensuite au lignes qui dessinent les blocs et déclarez y votre nouvelle texture de la même manière que rradient, ce qui donnera:


    et affichera


    Vous pouvez bien entendu modifier l’emplacement et la taille de l’image, le principe reste le même que vu au dessus.Il ne vous reste plus qu'à jouer avec les textes pour positionner selon vos envies. Essayez d’avoir un résultat propre comme ceci :Bien, l’image est installé mais il faudrait que le texte suit un peu mieux le style. Pour se faire, il faut d’abord récuperer le fichier .ttf de la police d'écriture que vous souhaitez ajouter à votre agenda.Trouvable ici par exemple : https://www.1001freefonts.com/ mais vous n’obtiendrez que des .otf, faites les donc convertir en .tff ici : https://convertio.co/fr/otf-ttf/. Puis vous ajoutez ce fichier dans un dossier fonts, lui même rangé dans un dossier resource. Vous mettrez ce dossier resource dans la collection téléchargée par les joueurs. Vous allez maintenant déclarer ce fameux nouveau font que vous venez d’importer dans votre gmod. ( voir https://wiki.facepunch.com/gmod/surface.CreateFont)Vous aurez donc ceci :


    ATTENTION : Friendly Schoolmates est bien le nom du fonts en lui même, ne mettez surtout pas ne nom du fichier fonts.ttf car cela ne fonctionnera pas.Allez ensuite au niveau des lignes qui affichent les textes du hud et remplacer la section “Dermadefault” par le nom de votre nouveau font , soit ici “newfonthud”. Ce qui donnera :


    Pour un resultat :

    Et voilà ! Vous savez désormais comment modifier le HUD de l’addon Job Agenda Editor et l’accorder à vos souhaits !

    Ce Tutoriel a était crée par Girah
    👍1
    ⛔️ Sorry, you are not connected, join to leave a reaction

  • Replies