Créez le HUD et les menus de votre jeu Fortnite

Un atelier pour créer le HUD de votre jeu Fortnite

Chaque projet a son propre onglet UI Design (Ctrl+6), enregistré dans le dossier de votre projet. On y trouve trois choses :

• Le branding du jeu : palette, polices, motifs et logo. Il colore tous les écrans d’un coup. 23 familles de polices libres sont livrées avec Island Pilot et s’exportent en TTF pour UEFN.
• Les écrans : HUD, menus et popups sur un canevas 1920×1080, avec glisser-déposer et les ancrages d’UEFN (coins, bords, centre).
• Une bibliothèque de PNG transparents : icônes et visuels détourés, prêts à importer comme textures.

Les composants couvrent ce qu’on retrouve dans la plupart des jeux : fenêtre, panneau, bouton, bouton prix, bouton icône, titre, texte, compteur, barre de progression, case d’objet, pastille, minuteur et image. Des modèles servent de point de départ : HUD complet, boutique, récompenses quotidiennes, inventaire, paramètres, pass et récompense.

Le UI Designer : écrans, icônes et branding

Le UI Designer part du sujet de votre jeu, pas d’un gabarit générique. Il propose d’abord le branding s’il est encore par défaut, puis construit chaque écran : les éléments du HUD restent dans la zone sûre et laissent le centre de l’écran libre, un menu tient dans une fenêtre avec une barre de titre colorée, un bouton de fermeture et des actions principales lisibles.

Il liste ensuite les icônes manquantes et les génère une par une avec le générateur d’images que vous avez connecté (ChatGPT, Gemini, Grok) ou Meshy. Le fond uni est retiré, l’image recadrée et le PNG rangé dans la bibliothèque. Avant de terminer, il relit l’écran : chevauchements, texte qui dépasse, contraste, couleurs cohérentes.

• « Crée le HUD de mon tycoon : pièces, gemmes et un bouton Boutique. »
• « Propose un branding pour un jeu de survie sur une île volcanique. »
• « Ajoute un écran de récompenses quotidiennes sur 7 jours. »

Le UI Engineer : de vrais widgets UEFN reliés à Verse

Chaque élément dessiné porte déjà son nom de widget, sa liaison Verse et ses animations, vérifiés avant l’implémentation. Avec « Implémenter dans UEFN », le UI Engineer :

1. lit l’écran avec ses valeurs de slot calculées pour UEFN (ancrage, alignement, décalages) ;
2. importe les PNG comme textures ;
3. construit le Widget Blueprint dans l’éditeur de widgets d’UEFN, avec les classes que UEFN accepte, ses animations, ses champs Verse et ses évènements de clic ;
4. écrit ou complète le code Verse qui fournit les valeurs, réagit aux clics et affiche le widget pour chaque joueur, puis compile.

Le HUD n’est donc pas une image posée sur l’écran ni une mise en page écrite en Verse : c’est un widget UEFN standard, que vous pouvez rouvrir et modifier dans l’éditeur. Le code Verse associé suit le même parcours que sur la page Du Verse qui compile.

Ce qu’il faut savoir

• Aucun outil de l’éditeur n’importe les polices : l’export TTF est prêt, l’import dans UEFN reste une étape que vous faites vous-même.
• Compiler le Verse ne valide pas l’apparence du HUD en jeu : ouvrir un menu deux fois, rejoindre en cours de partie ou jouer à deux avec des valeurs différentes se vérifie en session.
• La génération d’icônes passe par votre propre accès (ChatGPT, Gemini, Grok ou Meshy) et consomme vos crédits chez ce fournisseur.

Ce qu’il vous faut

Un PC Windows 10 ou 11 (64 bits) avec UEFN ouvert et son MCP activé, et votre abonnement IA (voir Modèles IA). Pour un écran qui demande aussi de la logique de jeu, l’orchestrateur répartit le travail entre le UI Designer, le UI Engineer et le Verse Coder : voir l’équipe d’agents IA.

Questions fréquentes

Peut-on créer un HUD Fortnite sans savoir utiliser l’éditeur de widgets ?

Oui. Vous décrivez le HUD, le UI Designer le dessine dans l’onglet UI Design, puis le UI Engineer le construit dans l’éditeur de widgets d’UEFN. Vous pouvez ensuite ouvrir le widget dans UEFN pour le retoucher.

Les valeurs du HUD sont-elles propres à chaque joueur ?

Oui. Verse fournit les valeurs du widget à partir de l’état du jeu, réagit à ses clics et l’affiche pour chaque joueur. Le UI Engineer réutilise vos données existantes au lieu de dupliquer pièces ou progression.

Quelle résolution utilise le canevas ?

1920×1080, avec les ancrages d’UEFN. Le plan transmis au UI Engineer contient les valeurs de slot calculées pour chaque élément.

Est-ce inclus dans le prix ?

Oui, l’onglet UI Design fait partie d’Island Pilot, payé une seule fois avec les mises à jour à vie : voir les tarifs. Seule la génération d’images passe par vos propres comptes.