Blueprints et interface utilisateur dans Unreal Engine 5

Name: Blueprints et interface utilisateur dans Unreal Engine 5
Author: Ken Geary

Développez et modifiez des Blueprints pour le codage et ajoutez des widgets d’interface utilisateur pour l’affichage des scores.

Preview the first lesson free — get full access to all 5 lessons.

Demander une démo Se connecter

Cours : à la demande

Bonjour. Dans cette leçon, nous apprendrons à propos de Blueprint Visual Scripting dans Unreal Engine 5. Les plans sont le nom du raccourci pour le système de script visuel Unreal Engine Blueprint. Plutôt que d'écrire des lignes de code, ce qui peut être intimidant pour les artistes du jeu, vous pouvez contrôler les acteurs de votre scène en créant une classe Blueprint et en ajoutant des nœuds visuels que vous connectez ensemble, très similaire à ce que nous avons fait lorsque nous avons créé des matériaux. Lancez Unreal Engine 5 et créez un nouveau projet. Sélectionnez Jeux. Cette fois, nous voulons la Troisième Personne. Assurez-vous que le contenu de démarrage est activé. Nous nommerons ce projet Blueprints. Cliquez sur Créer. La meilleure façon d'apprendre la création de Blueprint de base est pour en faire un à nous. Nous allons construire cela par étapes. Tout d'abord, ouvrez le dossier Contenu. Créez ensuite un nouveau dossier. Nous nommerons cela Blueprints. Ouvrez le dossier Blueprints. Ouvrez les paramètres. Et sélectionnez Afficher le contenu du moteur. Cela nous permettra d'accéder à quelques fichiers sons supplémentaires que nous pouvons utiliser. Maintenant, faites un clic droit, sélectionnez Blueprint Class, et nous allons construire la classe la plus basique, qui est un acteur. Nous nommerons ce BP_MagicLight. Double-cliquez pour l'ouvrir dans l'éditeur de Blueprint. Vous devriez maintenant être dans l'onglet Viewport. Sinon, cliquez simplement sur l'onglet. À gauche se trouve le panneau Composants. C'est ici que vous ajouterez des composants d'acteur qui composent votre Blueprint. Sélectionnez la racine de scène par défaut. Cliquez sur Ajouter. Nous allons ajouter un composant d'espace réservé de maillage statique. Tapez STAT et sélectionnez Maillage statique. Nous nommerons cette lampe. À droite, dans le panneau Détails, faites défiler jusqu'à la section Maillage statique. Nous devons sélectionner un maillage dans cet espace réservé. Nous sélectionnerons une statue. Et nous sélectionnerons SM_Statue. Passons à l'échelle jusqu'à trois en x, y et z dans la transformation d'échelle. Nous voulons que ce soit une bonne taille dans la scène. C'est parfait. Sélectionnez à nouveau DefaultSceneRoot. Ajoutons une lumière que nous pouvons contrôler avec du code Blueprint. Cliquez sur Ajouter. Ensuite, recherchez le point, et sélectionnez PointLight. Nous nommerons ce ColorLight. Déplacez cette lumière vers le milieu de la statue. Pour vous déplacer, assurez-vous d'appuyer sur la touche W. Si vous regardez dans le panneau Détails, il y a une valeur d'intensité de 5 000. Rappelons-nous ce nombre, et pour l'instant, tapez zéro, qui éteint essentiellement la lumière. Nous allons également donner une couleur à cette lumière. Cliquez sur l'échantillon de couleur, et dans la roue chromatique, choisissez la couleur de votre choix et cliquez sur OK. À ce stade, c'est une bonne idée de cliquer sur Compiler, puis sur Enregistrer. Faites-le pendant que vous travaillez sur votre Blueprint. Sélectionnez DefaultSceneRoot une fois de plus, cliquez sur Ajouter, et en ce moment, nous avons besoin pour ajouter une zone autour de notre lampe qui, quand notre personnage à la troisième personne ou tout acteur croise, déclenchera une action. Nous allons sélectionner box et Box Collision. Nous nommerons cette DetectionZone. Mettez maintenant à l'échelle le contour de la boîte pour couvrir toute la lampe, ainsi que l'échelle de sorte que les zones de passage sont plus éloignées. Un moyen simple de le faire est de taper dans la section Box Extent. Tapez 40, 40, 30. Vous pouvez également entrer, appuyer sur la touche R pour mettre à l'échelle, et redimensionnez la boîte dans les directions dont vous avez besoin. Touche W pour déplacer la boîte vers le haut il est donc au ras du sol. Et voyez simplement visuellement que vous avez une couverture de zone suffisante à traverser. Avec la case détection toujours cochée, faites défiler tout en bas dans le panneau Détails. Vous devrez peut-être faire glisser le panneau vers la gauche pour voir les menus. Nous voulons sélectionner On Component Begin Overlap, et appuyez sur le plus. Ceci sera immédiatement et automatiquement vous déplacer vers le graphique des événements. C'est là que nous ferons tout notre codage visuel. Nous allons juste couvrir les étapes de base pour que cette lampe s'allume lorsque la zone de détection est franchie. Si vous vous souvenez, nous avons réglé l'intensité lumineuse de 5 000 à zéro. Cliquez dans la zone de grille du graphique d'événements et appuyez sur la touche Tab. Unreal Engine listera, dans ses fonctions, tous les nouveaux composants que vous avez ajoutés. Tapez en intensité, et vous verrez la liste Set Intensity ColorLight. ColorLight est la lumière que nous avons créée. Unreal Engine était assez sympa pour ajouter le nœud ColorLight pour nous. Pour la nouvelle valeur d'intensité, essayons 8 000. Remarquez les grandes flèches blanches qui sont soulignées. Ce sont vos principales broches de contrôle. Considérez-les comme un système de câblage électrique, où un nœud alimentera un autre nœud s'il est connecté, et si certaines actions se sont produites, comme si le jeu avait commencé. Faites glisser un fil à partir du nœud Begin Overlap au nœud Définir l'intensité. sera cette intuitive. Vous devrez peut-être vous référer à la documentation en ligne. Maintenant, compilez, enregistrez, et quittez l'éditeur de plans pour l'instant. Faites glisser votre nouveau BP_MagicLight dans le niveau, loin du personnage. Faire plusieurs copies ou instances en appuyant sur la touche W pour se déplacer, maintenez la touche Alt enfoncée, puis cliquez et faites glisser la lampe autour de différentes parties de votre niveau. Je vais juste faire plusieurs exemples. Jouez le niveau en appuyant sur Alt et la touche P. Maintenant, au fur et à mesure que nous croisons chaque lampe, elle s'allume, et notre Blueprint fonctionne. Dans la leçon suivante, nous allons apprendre à créer un widget d'interface utilisateur dans Unreal Engine 5. Merci d'avoir regardé.

Débutant Fournisseur : Ken Geary 5 leçons · 47m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Ourdou, Chinese

Description du cours

Flux de travail de conception de jeux Dans ces leçons, vous apprendrez à créer et à modifier des Blueprints, le système de script visuel exclusif à Unreal Engine qui permet aux artistes sans connaissances en programmation de commencer à écrire du code en utilisant des nœuds que vous câblez ensemble. Vous verrez également comment ajouter un widget d’interface utilisateur à votre niveau pour afficher un score sur votre écran, mettre à jour un score en cours d’exécution sur votre superposition d’écran, ainsi que créer un mini-jeu pour avoir une idée du flux de travail de conception de jeu.

Unreal Engine 5 est avant tout un moteur de jeu. Bien que vous puissiez également produire des simulations de produits, de la réalité augmentée, de la réalité virtuelle et des arrière-plans virtuels immersifs en temps réel pour la production de vidéo en direct, les mécanismes en coulisses sont les mêmes : vous ajoutez des ressources, des matériaux et de l’éclairage, et contrôlez ces ressources à l’aide d’une sorte de codage.

Ce que vous allez apprendre

Créer et modifier des blueprints à l'aide du système de script visuel d'Unreal Engine 5 composé de nœuds connectés entre eux
Ajouter un widget d'interface utilisateur (UI widget) à votre niveau pour afficher un score à l'écran
Mettre à jour un score en cours en superposition sur votre écran
Ajouter un blueprint de ramassage (pickup) dans votre niveau
Développer un mini-jeu pour expérimenter le flux de travail de conception de jeux

Points clés à retenir

Les Blueprints sont le système de script visuel d'Unreal Engine qui permet aux artistes n'ayant aucune connaissance en programmation d'écrire du code en reliant des nœuds.
Les widgets d'interface utilisateur (UI widgets) peuvent être ajoutés à un niveau pour afficher et mettre à jour un score en cours en superposition à l'écran.
La création d'un mini-jeu permet d'avoir une approche pratique du flux de travail de conception de jeux, y compris l'ajout d'un blueprint de ramassage (pickup blueprint) et le maintien du score.
Unreal Engine 5 est avant tout un moteur de jeu, mais il peut également produire des simulations de produits, de la réalité augmentée, de la réalité virtuelle, et des environnements virtuels immersifs en temps réel pour la production de vidéos en direct.
À travers ces utilisations, les mécanismes sous-jacents sont les mêmes : vous ajoutez des ressources (assets), des matériaux et de l'éclairage et contrôlez ces ressources par une forme de codage.

Foire aux questions

Dois-je avoir des connaissances en programmation pour suivre ce cours ?

Non. Les Blueprints sont le système de script visuel d'Unreal Engine qui permet aux artistes n'ayant aucune connaissance en programmation de commencer à écrire du code en reliant des nœuds entre eux.

Que vais-je construire dans ce cours ?

Vous créerez et modifierez des blueprints, ajouterez un widget d'interface utilisateur (UI widget) pour afficher et mettre à jour un score en superposition sur l'écran, ajouterez un blueprint de ramassage, et développerez un mini-jeu pour vous familiariser avec le flux de travail de la conception de jeux.

Quels sujets les leçons couvrent-elles ?

Les leçons abordent le Script Visuel avec les Blueprints, les Interfaces Utilisateur, le début de la création d'un mini-jeu, l'ajout d'un blueprint de ramassage, ainsi que le suivi du score et la mise à jour de l'écran.

Unreal Engine 5 n'est-il utilisé que pour les jeux ?

Unreal Engine 5 est avant tout un moteur de jeu, mais il peut également produire des simulations de produits, de la réalité augmentée, de la réalité virtuelle et des arrière-plans virtuels immersifs en temps réel pour la production vidéo en direct, en utilisant les mêmes mécaniques fondamentales d'assets, de matériaux, d'éclairage et de codage.