Unreal Engine 5 : interactivité avancée

Name: Unreal Engine 5 : interactivité avancée
Author: Ken Geary

Apprenez à contrôler l’éclairage horaire de la journée à l’aide d’une interface à l’écran

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

Cours : à la demande

Bonjour. Bienvenue dans cette leçon sur Unreal Engine. Dans cette leçon, nous allons apprendre à créer un curseur à l'écran pour contrôler la lumière du jour dans Unreal Engine. Nous continuerons à utiliser ArchViz Interior Project. Ouvrez votre projet d'intérieur ArchViz, la version Unreal Engine 5.0. Nous allons créer un curseur à l'écran pour contrôler cela pendant la lecture. Avant de le faire, nous avons besoin d'un moyen d'activer le curseur de la souris sur pendant le jeu afin que nous puissions sélectionner des éléments. Ouvrez le dossier Blueprints. Clic-droit. Sélectionnez Plan. Et cliquez sur Contrôleur de lecteur. Nous nommerons ce BP_ArchvizPlayer. Cliquez à nouveau avec le bouton droit. Sélectionnez la classe Blueprint. Cette fois, nous allons sélectionner une base de mode de jeu. Nous nommerons ce BP_ArchvizGameMode. Double-cliquez sur BP_ArchvizGameMode. Cela ouvre l'éditeur. Nous allons définir la classe de contrôleur de joueur à BP_ArchvizPlayer. Fermez le panneau. Ouvrez les paramètres du monde. Nous allons changer le GameMode Override à BP_ArchvizGameMode. Ouvrez le BP_ArchvizPlayer. Nous voulons permettre les interactions avec la souris. Allez dans Détails et recherchez la souris. Cochez Afficher le curseur de la souris et Activer les événements de clic. Faites défiler jusqu'à la section Interface de la souris et changez le curseur de la souris par défaut en main. Compilez, enregistrez et fermez le panneau. Jouez maintenant le niveau. Maintenant, la main est visible. Cela nous permettra d'interagir avec les objets dans la pièce ainsi que les menus. Échappez-vous pour arrêter de jouer. Ensuite, nous allons créer un curseur de widget qui restera à l'écran et permettre à l'utilisateur de régler l'heure de la journée et voir les effets d'éclairage. Ouvrez le tiroir de contenu, dossier Blueprints. Clic-droit. Sélectionnez maintenant l'interface utilisateur et Modèle de widget. Nous nommerons ce WBP, pour Widget Blueprint, souligner ArchViz. Ouvrez ceci et recherchez canvas et faites glisser un panneau de canevas dans le graphique. Faites glisser un curseur dans le canevas, quelque part près du fond, et agrandissez-le un peu. Faites glisser un texte sous le curseur. Nous nommerons ce Matin. Nous allons faire glisser deux autres blocs de texte. Nous allons les aligner. Nous nommerons celui du milieu Midi et le dernier Soir. Sélectionnez le curseur dans la hiérarchie. Dans le panneau Détails, ouvrez une section Style et changez l'épaisseur de la barre à 10. Descendez tout en bas, vous devrez peut-être ouvrir un peu le panneau. Cliquez sur Valeur modifiée. Cliquez sur le plus. Cela vous mènera au graphique des événements. À partir de la valeur modifiée, tirer un fil, rechercher obtenir et obtenir Active Of Class. Recherche soleil. Sélectionnez Soleil Ciel. Faites glisser un fil hors de Get Actor. Recherche solaire. Nous recherchons l'heure solaire. Câblez pour renvoyer la valeur à la cible. Ensuite, nous voulons prendre la valeur du curseur, qui n'est que de zéro à un, et mettez-le à l'échelle à des valeurs qui fonctionneront correctement pour l'heure solaire. Faites glisser un fil de la valeur et de la plage de recherche. Sélectionnez Map Range Clamped. La plage d'entrée est de zéro à un, et nous ferons en sorte que la plage de sortie s'étende de quatre à 20. Enfin, câblez la valeur de retour à la broche Set Solar Time. Compilez, enregistrez, fermez le panneau. Nous devons maintenant afficher notre widget à l'écran. Une façon de le faire est d'ouvrir un plan de niveau. Faites glisser un fil depuis Event Tick. Widget de recherche. Sélectionnez Créer un widget. Remplacez la classe par WBP_ArchViz. Faites glisser un fil depuis la broche Valeur de retour, qui est la broche bleue, et fenêtre de recherche. Sélectionnez Ajouter à la fenêtre et il câblera automatiquement ensemble les broches exécutives. Compilez, enregistrez, fermez le panneau. Maintenant, nous allons jouer. Les touches W, A, S, D nous guideront. La souris nous aidera à regarder autour de la pièce. Et maintenant, nous cliquons et faisons glisser le curseur et changer l'heure de la journée. Et voyez les beaux effets d'éclairage. Nous allons tout enregistrer, enregistrer la sélection. Dans la leçon suivante, nous allons créer des objets interactifs dans notre niveau. Merci d'avoir regardé.

Avancé Fournisseur : Ken Geary 3 leçons · 23m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Chinese

Description du cours

Unreal Engine 5 vous permet de créer des procédures interactives ArchViz entièrement fonctionnelles. Dans ces leçons, vous apprendrez à créer des widgets d’interface utilisateur pour contrôler l’heure de la journée ainsi qu’à modifier les maillages de votre niveau pour devenir des acteurs Blueprint interactifs.

Nous vous montrerons comment créer un widget Blueprint d’interface utilisateur qui utilise un curseur interactif pour contrôler la position du soleil entre le matin et le soir. Vous apprendrez également à convertir des acteurs d’un niveau, comme des chaises ou un canapé, en acteurs Blueprint, et à modifier les Blueprints de personnages ArchViz pour afficher un pointeur personnalisé pour le curseur de la souris. Enfin, nous verrons comment personnaliser les entrées dans les paramètres du projet pour modifier la façon dont les entrées de la souris et le clavier déplacent votre personnage dans le niveau.

Ce que vous allez apprendre

Créer des widgets d'interface utilisateur (UI) pour contrôler l'heure de la journée dans votre niveau
Construire un curseur (slider) interactif dans un Blueprint de widget pour contrôler la position du soleil entre le matin et le soir
Convertir des acteurs du niveau (level Actors) tels que des chaises ou un canapé en Acteurs Blueprint (Blueprint Actors) interactifs
Modifier les Blueprints de personnage ArchViz (ArchViz Character Blueprints) pour afficher un pointeur personnalisé pour le curseur de la souris
Construire une lampe interactive et un interrupteur qui s'allume en appuyant sur une touche
Personnaliser les entrées (Inputs) dans les paramètres du projet (Project Settings) pour modifier la façon dont les entrées de la souris et du clavier déplacent votre personnage

Points clés à retenir

Unreal Engine 5 vous permet de créer des visites virtuelles ArchViz interactives entièrement fonctionnelles.
Un widget Blueprint d'interface utilisateur doté d'un curseur (slider) interactif peut contrôler la position du soleil entre le matin et le soir.
Les acteurs dans un niveau, tels que des chaises ou un canapé, peuvent être convertis en acteurs Blueprint pour devenir interactifs.
Les Blueprints de Personnage ArchViz peuvent être modifiés pour afficher un pointeur personnalisé pour le curseur de la souris.
La personnalisation des entrées (Inputs) dans les paramètres du projet (Project Settings) modifie la façon dont les commandes de la souris et du clavier permettent de déplacer votre personnage dans le niveau.

Foire aux questions

Qu'apprendrai-je à contrôler avec un widget d'interface utilisateur dans ce cours ?

Vous apprendrez à créer un widget Blueprint d'interface utilisateur doté d'un curseur (slider) interactif qui contrôle l'heure de la journée en déplaçant la position du soleil entre le matin et le soir.

Comment ce cours rend-il interactifs les objets d'un niveau ?

Il vous montre comment convertir des Acteurs d'un niveau, tels que des chaises ou un canapé, en Acteurs Blueprint, et comment construire une lampe interactive qui s'allume en appuyant sur une touche.

Quelles leçons sont incluses dans ce cours ?

Le cours comprend trois leçons : Créer un contrôle de l'éclairage en fonction de l'heure de la journée, Créer des objets interactifs dans votre niveau, et Créer des Blueprints de lampe et d'interrupteur.

Ce cours couvre-t-il les contrôles de la souris et du personnage ?

Oui. Il aborde la modification des Blueprints de Personnage ArchViz (ArchViz Character Blueprints) pour afficher un pointeur de souris personnalisé, et la personnalisation des entrées (Inputs) dans les paramètres du projet (Project Settings) afin de modifier la façon dont les actions de la souris et du clavier font bouger votre personnage dans le niveau.