Mise en œuvre d’une animation de marche de personnage de sprite à 8 voies

Environnement de vérification

Windows

• Fenêtres 11

Éditeur Unity

• 2020.3.25f1

Packages du système d’entrée

• 1.2.0

Conditions préalables à cette astuce

Les paramètres suivants sont préconfigurés comme condition préalable à l’explication de ces conseils.

• Présentation du package système d’entrée
• Aligner la caméra (2D) avec le canevas

Site de référence

• Création d’un RPG avec Unity, partie 1 : animation et fonctionnement de la marche

À propos de l’animation de marche à 4 voies

Nous vous avons montré comment faire une animation de marche à quatre voies dans nos conseils précédents. Dans cet article, nous expliquerons les 8 directions, mais la plupart des étapes sont les mêmes que l’animation de marche à 4 voies, nous n’expliquerons donc que les différences ici.

Préparation des graphiques de marche

La dernière fois, nous avons préparé des graphiques pour 4 directions, mais cette fois-ci, nous allons préparer des graphiques pour 8 directions comme suit. « En bas à gauche », « En bas à droite », « En haut à gauche » et « En haut à droite » ont été ajoutés.

Quant à l’ordre d’orientation, il semble que les 8 directions ne soient pas aussi clairement déterminées par rapport aux 4 directions. Cependant, les formats suivants sont relativement courants, nous allons donc procéder à cet arrangement cette fois-ci.

Création d’un projet et préparation d’images

Cette fois, je vais essayer de créer quelque chose qui peut placer un personnage et le déplacer avec les touches de curseur du clavier. Comme il s’agit de 8 directions, si vous vous déplacez en diagonale, les graphiques seront affichés en diagonale.

La première étape consiste à créer un nouveau projet 2D. Ajoutez l’image du personnage que vous avez préparée pour votre projet.

Sélectionnez l’image que vous avez ajoutée et configurez les paramètres de l’inspecteur. Ce réglage est le même que pour les 4 directions.

Divisez l’image dans l’éditeur de sprites. Le nombre d’images augmentera, mais les tâches seront les mêmes.

Ce n’est pas grave si l’image du projet s’affiche comme suit.

Création de données d’animation

Ce que vous faites ici est le même que l’animation de marche à 4 voies. En fin de compte, ce n’est pas grave si vous pouvez créer une animation dans 8 directions. Veuillez noter que les chiffres de l’image ne sont pas synchronisés avec l’heure dans les quatre directions.

Assurez-vous que chaque direction s’anime correctement.

Paramètres de transition de l’animation

Les réglages sont les mêmes que lorsqu’il est dans 4 directions jusqu’au milieu, je vais donc l’omettre.

Une fois que vous avez configuré l’arbre de fusion, vous devez créer 8 mouvements.

Nous allons définir le .anim ajouté au projet sur les 8 éléments de Motion.

Spécifiez numériquement la direction de chaque animation.

La configuration de l’animation est terminée.

Contrôle des mouvements

Le mouvement se fait en appuyant sur une touche du clavier, ce qui vous permet de créer un script pour le contrôler. Le contenu de ce script est exactement le même que celui créé dans les 4 directions, veuillez donc vous y référer. Le nom du script doit être « CharacterMove ».

Une fois que vous avez créé le script, attachez-le à l’objet personnage.

exécution

Cela complète l’ensemble du processus. Essayez de lancer le jeu et d’appuyer sur les touches de curseur de votre clavier pour le déplacer. Si le personnage se déplace dans la direction dans laquelle vous l’avez pressé et que l’animation de marche se déplace tandis que le graphique change de direction dans la direction à laquelle vous faites face, vous avez terminé. Cette fois, il prend en charge 8 directions, veuillez donc vérifier si le graphique est également appliqué en diagonale lorsque vous vous déplacez en diagonale.