Bêta ouverte de Unity AI : Création d'une interface utilisateur avec le générateur d'interface utilisateur

Dans cet article de notre série consacrée à la bêta ouverte d’Unity AI, nous vous expliquons comment créer plus rapidement des prototypes d’interfaces utilisateur grâce aux fonctionnalités de génération de sprites et de textures intégrées à l’éditeur.
La création d'un prototype de l'interface utilisateur d'un jeu peut s'avérer fastidieuse. Vous aurez sans doute envie d'utiliser des illustrations provisoires pour créer un prototype avant que le design définitif ne soit finalisé, mais la création d'éléments graphiques temporaires prend tout de même du temps – et les rectangles et encadrés de basse fidélité ne vous donnent qu'une idée très limitée de l'aspect et de la sensation que procurera la mise en page.
Les générateurs d'Unity AI changent la donne. Les outils « Sprite Generator » et « Texture Generator », utilisés conjointement avec Unity AI Assistant, vous permettent de créer des éléments d'interface utilisateur à partir de consignes textuelles directement dans l'éditeur. Vous pouvez ainsi mettre en page une véritable interface utilisateur avec des designs réalistes avant même qu'un seul élément graphique définitif n'existe.
Qu'est-ce que le générateur d'interface utilisateur de Unity AI ?
Le générateur d’interface utilisateur n’est pas un simple outil : il s’agit d’un flux de travail qui combine deux générateurs de ressources de Unity AI avec l’assistant IA afin de produire rapidement du contenu prêt à être intégré à l’interface utilisateur :
- Sprite Generator sert à créer des éléments graphiques 2D discrets, tels que des icônes, des personnages, des objets, des décalcomanies, des portraits et des éléments d'interface utilisateur.
- Texture2D Generator sert à générer des ressources d'images et de textures 2D générales, telles que des arrière-plans, des panneaux publicitaires, des remplissages de panneaux, des décors ou des images utilisées sur des matériaux et des surfaces. Pour les matériaux de surface physiques sans couture, utilisez plutôt le Générateur de matériaux.
Ces deux générateurs sont disponibles dans l'éditeur Unity, au sein de la suite Unity AI. Les ressources qu'ils génèrent sont enregistrées dans le dossier « Assets » de votre projet et sont associées à des métadonnées intégrées qui les identifient comme étant générées par l'IA, ce qui vous permettra de les retrouver et de les remplacer ultérieurement par les illustrations définitives.

Générateur de sprites
Le Sprite Generator génère des images 2D à partir de descriptions en langage naturel. Vous décrivez ce que vous voulez, sélectionnez un modèle de style, et le générateur vous fournit un sprite que vous pouvez ajouter directement à votre canevas d'interface utilisateur.
Ce que vous pouvez contrôler
- Consigne : décrivez l'élément en termes simples : « icône de barre de santé, style pixel art, cœur rouge »
- Modèle de style : choisissez parmi des modèles pré-entraînés couvrant divers styles artistiques, tels que le pixel art, l'anime, le concept art, etc.
- Consigne négative : exclure les éléments indésirables : « pas de texte, pas de bordure, pas d'arrière-plan »
- Image de référence : fournissez une image existante pour orienter le style du résultat ou garantir la cohérence des personnages
Les sprites générés sont identifiés comme « générés par l'IA » dans l'éditeur. Ils fonctionnent comme n'importe quel autre sprite dans Unity : vous pouvez les attribuer à des composants Image, les utiliser dans des atlas de sprites ou les référencer dans le code.

Générateur de textures
Le générateur de textures produit des images pouvant servir d'arrière-plans d'interface utilisateur, de remplissages de panneaux et de textures de surface. Il suit le même processus basé sur des invites que le Sprite Generator et génère des ressources prêtes à être intégrées directement à votre projet.
En matière de conception d'interface utilisateur, cela s'avère particulièrement utile pour :
- Arrière-plans : « texture de pierre sombre, style RPG fantastique, pouvant être mis en mosaïque »
- Remplissages HUD : « métal brossé, sombre, dégradé subtil, science-fiction »
- Aspect de l'interface utilisateur dans l'univers du jeu : « parchemin usé, vieilli, portant de vagues indications cartographiques »

Le processus de prototypage
Voici comment les générateurs de sprites et de textures s'intègrent dans une véritable session de prototypage d'interface utilisateur :
1. Configurez votre document uGUI Canvas ou UI Toolkit
Cet outil prend en charge à la fois uGUI et UI Toolkit. Les procédures sont très similaires ; ainsi, avec uGUI, vous devez d'abord créer un canevas d'interface utilisateur et esquisser votre mise en page à l'aide des composants d'interface utilisateur standard de Unity UI : Image, Texte, Bouton. Utilisez des couleurs de remplacement ou des cases blanches pour définir la structure.
2. Générez vos ressources de sprites
Ouvrez le « Sprite Generator » depuis le menu « Unity AI ». Pour chaque élément de l'interface utilisateur nécessitant une icône ou une image, rédigez une description et choisissez votre style. Téléchargez chaque sprite généré et attribuez-le au composant Image correspondant.
3. Générer des textures d'arrière-plan
Utilisez le générateur de textures pour les panneaux et les arrière-plans. Décrivez le style visuel souhaité et appliquez la texture générée en tant que sprite ou référence de texture à vos composants Image ou RawImage.
4. Utilisez l'assistant Unity AI pour le configurer
Passez à l'assistant Unity AI et demandez-lui de vous aider à configurer l'interface utilisateur : relier les événements des boutons, définir des groupes de mise en page ou écrire un script pour remplir une liste de manière dynamique. L'assistant Unity AI connaît la structure de votre Canvas et peut intervenir directement sur votre scène.
5. Itérer rapidement
Régénérez tout élément qui ne semble pas correct. Comme le flux de travail repose sur des invites, vous pouvez créer une nouvelle version en quelques secondes et la remplacer sans perturber votre mise en page.

Gestion des ressources générées par l'IA
Tous les contenus générés par les générateurs Unity AI comportent des métadonnées intégrées indiquant qu'ils ont été créés par une IA. Cela permet de les retrouver et de les filtrer facilement à mesure que le projet prend de l'ampleur : vous pouvez rechercher les éléments générés par l'IA dans la fenêtre Projet et les remplacer systématiquement par les illustrations définitives.
Vous pouvez désactiver complètement les générateurs dans le Unity Dashboard si vous souhaitez utiliser l'assistant Unity AI sans générer de ressources. Il vous incombe de vérifier les droits d'utilisation du contenu généré et de fournir les déclarations nécessaires lors de la soumission de votre projet aux boutiques d'applications et autres plateformes de distribution numérique telles que Steam.

En savoir plus sur Unity AI
Si vous souhaitez en savoir plus sur les fonctionnalités disponibles dans la version bêta ouverte de Unity AI, nous vous invitons à consulter les autres articles de cette série :
Essayez Unity AI dès aujourd'hui
La bêta ouverte d'Unity AI est désormais disponible pour tous les développeurs utilisant Unity 6. Inscrivez-vous pour bénéficier d'un essai gratuit, découvrez l'assistant IA de Unity AI, connectez vos outils préférés via Unity AI Gateway et commencez à tester votre flux de travail de développement avec un agent IA intégré capable de s'adapter à votre projet.
Inscrivez-vous et découvrez nos offres, nos tarifs et notre politique de confidentialité sur unity.com/features/ai
La documentation complète est disponible dans la documentation Unity AI, accessible depuis l'éditeur, ou sur docs.unity3d.com.
Unity AI Assistant est actuellement en version bêta ouverte. Par conséquent, les fonctionnalités, le comportement et la disponibilité décrits dans cet article sont en cours de développement et sont susceptibles d'être modifiés, limités ou supprimés sans préavis.