Que recherchez-vous ?
Games

Démo de Happy Harvest : Découvrez les dernières techniques 2D

SHANTI ZACHARIAH / UNITY TECHNOLOGIESSenior content marketing manager
Jul 5, 2023|13 Min
Démo de Happy Harvest : Découvrez les dernières techniques 2D
Cette page a été traduite automatiquement pour faciliter votre expérience. Nous ne pouvons pas garantir l'exactitude ou la fiabilité du contenu traduit. Si vous avez des doutes quant à la qualité de cette traduction, reportez-vous à la version anglaise de la page web.

Il n'y a aucune limite à l'innovation des jeux 2D d'aujourd'hui . Avec autant de possibilités créatives et l'évolution du rendu 2D et des outils d'Unity, nous vous tiendrons au courant des meilleures pratiques pour créer des jeux 2D dans Unity.

Happy Harvest, désormais disponible sur l' Unity Asset Store et Unity Samples, montre aux développeurs comment exploiter les dernières fonctionnalités pour créer des lumières, des ombres et des effets spéciaux 2D avec Universal Render Pipeline (URP) dans Unity 2022 LTS. Il intègre les meilleures pratiques que tout créateur 2D peut utiliser, notamment ne pas intégrer d'ombres dans un sprite, garder les sprites plats, déplacer les informations d'ombre et de volume vers des textures secondaires, des fonctionnalités avancées de Tilemap et bien plus encore.

Vue de dessus d'un agriculteur travailleur
Le personnage principal avec ses cochons dans Happy Harvest
Le personnage principal avec ses cochons dans Happy Harvest

Happy Harvest est une démo descendante avec un dessin animé joyeux. L'échantillon vous emmène à travers une journée dans la vie d'un agriculteur travailleur. Au sortir de sa ferme, il s'engage sur des chemins pavés éclairés par des lanternes. Il s'occupe des cultures de blé, de carottes et de maïs, cueille des pommes et nourrit ses cochons et ses vaches. Sa ferme est parsemée d'étangs, il y a une grange à l'arrière et le tout est entouré de pins verdoyants.

Une perspective descendante comporte des défis tels que la manière de projeter le personnage, de gérer les objets qui se chevauchent et de créer des ombres de manière imaginative. Ces problèmes ont été gérés à l'aide des fonctionnalités incluses dans Unity 2022 LTS pour les ombres, les bibliothèques de sprites et Tilemap 2D.

Toutes ces ressources peuvent être utilisées librement dans vos projets personnels ou commerciaux, et vous pouvez également modifier la démo avec vos propres idées. Téléchargez -le dès aujourd'hui pour commencer à explorer cette scène bucolique et ses nombreux détails.

Découvrez les techniques utilisées dans la démo
 Un script d'interpolation utilisé pour contrôler le cycle jour-nuit
Un script d'interpolation utilisé pour contrôler le cycle jour-nuit

La démo est accompagnée d'un recueil d'articles pédagogiques. Ces procédures techniques vous aideront à comprendre comment les lumières, les ombres, l'environnement et les animations ont été créés, afin que vous puissiez utiliser les mêmes étapes dans votre propre projet 2D.

Les pages suivantes sont disponibles avec la démo :

Vous pouvez trouver ces articles dans la description sur la page Unity Asset Store et dans la fenêtre du didacticiel de l'éditeur dans la démo. De plus, vous pouvez prévisualiser chaque script dans les exemples Unity pour mieux comprendre les directives recommandées et la structure de codage pour un jeu 2D.

Jetons un bref coup d’œil à ce que vous apprendrez à partir de chaque page.

Créez une illusion de profondeur, des ombres et un cycle jour-nuit
Comment sont créés les différents types d'actifs et leurs cartes normales et de masque, de gauche à droite : Un personnage squelettique animé, un sprite carrelé et un accessoire
Comment sont créés les différents types d'actifs et leurs cartes normales et de masque, de gauche à droite : Un personnage squelettique animé, un sprite carrelé et un accessoire

Happy Harvestregorge de détails mignons, des champs de maïs mûr et de blé doré aux lanternes qui se balancent doucement et à la ferme aux bardeaux rouges. Mais c'est l'éclairage et les ombres qui constituent la partie la plus immersive de ce monde chaleureux, avec une lueur omniprésente et des ombres de fin d'après-midi.

En déplaçant les informations de lumière et d'ombre vers des textures séparées (ce qui nécessite quelques étapes supplémentaires pendant le processus de création artistique), vous pouvez créer des lumières et des ombres 2D optimisées en temps réel.

Lisez l’article « Techniques d’ombre et de lumière 2D avec le pipeline de rendu universel » pour apprendre comment :

  • Créez et travaillez avec des cartes normales et des cartes de masque (textures secondaires) pour ajouter des détails riches comme un éclairage de jante sur le personnage principal, des barils, des lampadaires et d'autres accessoires.
  • Utilisez un éclairage d'ambiance et ponctuel pour créer l'ambiance avec des teintes et des effets qui imitent le mouvement du soleil tout au long de la journée.
  • Créez l’illusion de volume, comme les effets utilisés sur les buissons, en activant les cartes normales sur les lumières.
  • Créez des ombres pour n'importe quelle forme et heure de la journée en utilisant des ombres de gouttes et des ombres infinies avec le Shadow Caster.
  • Contrôlez le mouvement du temps et le changement de la lumière avec un script jour-nuit.
  • Optimisez vos lumières 2D avec les conseils de l'équipe Unity .
Concevez des environnements pour de grands paysages avec des Tilemaps 2D
Une fois que vous avez configuré les tuiles de règles, peindre des chemins continus est plus facile et plus efficace.
Une fois que vous avez configuré les tuiles de règles, peindre des chemins continus est plus facile et plus efficace.

Qu'ont en commun les chemins pavés, les étangs, l'herbe et la forêt en arrière-plan ? Ils ont tous été réalisés avec le système Tilemap d'Unity, qui permet de créer un monde de jeu avec des tuiles – de petits sprites placés sur une grille. Au lieu de concevoir un niveau comme une grande image, vous pouvez le diviser en morceaux semblables à des briques qui se répètent tout au long d'un niveau.

Les cartes en mosaïque peuvent aider à économiser du temps sur la création artistique ainsi que de la mémoire et de la puissance CPU. Cela est dû au fait que les tuiles peuvent être rendues par un moteur de rendu dédié et que les tuiles qui ne sont pas visibles à l'écran peuvent être désactivées. Un outil pinceau permet de peindre efficacement des tuiles sur une grille, et il peut être programmé pour utiliser des règles de peinture. Ils sont également dotés d'une génération automatique de collisions pour des tests et des éditions plus efficaces. De plus, vous pouvez placer des GameObjects ou utiliser l' API pour la logique du jeu.

Vous trouverez des conseils sur l'utilisation du système Tilemap dans l'article « Créer des œuvres d'art et des éléments de gameplay avec des Tilemaps 2D dans Unity», notamment comment :

  • Utiliser des textures secondaires pour les tilemaps : Chaque carte de tuiles de l'échantillon possède des homologues appelés textures de carte normale et de carte de masque qui partagent les mêmes dimensions et la même disposition, mais sont peintes pour afficher l'éclairage.
  • Utilisez la fonction Rule Tile, qui fait partie du package 2D Tilemap Extras . Ce package contient des scripts d'éditeur 2D et Tilemap réutilisables que vous pouvez utiliser dans vos propres projets et comme base pour des pinceaux et des tuiles personnalisés.
  • Organisez les tuiles dans la hiérarchie de votre projet :
  • Dans l'exemple, les tuiles sont toutes contenues dans un seul GameObject appelé Grid.
  • Nous avons créé le moins de cartes de tuiles possible à l'intérieur de la grille pour éviter le chevauchement des pixels et aider à maintenir le dépassement à un niveau bas.
  • Utilisez l’ API Tilemap en fonction de la manière dont elle a été utilisée dans l’exemple.
Apprenez-en plus sur le rigging des personnages, l'animation squelettique et l'échange de sprites
Le rigging facial permet un contrôle total des expressions, y compris la création d'un effet semi-tridimensionnel dans certaines animations.
Le rigging facial permet un contrôle total des expressions, y compris la création d'un effet semi-tridimensionnel dans certaines animations.

Avec ses manches retroussées et sa coiffure pompadour, le fermier de Happy Harvest est prêt à travailler. Pour le faire bouger dans la scène, nous avons utilisé des techniques telles que le gréement de son visage pour créer différentes expressions, des bibliothèques de sprites pour les variations de personnages et Sprite Swap pour basculer entre les sprites attachés au même os pendant le processus d'animation.

Dans l’article «Personnages 2D et animation dans Happy Harvest», nous décomposons ces techniques et d’autres utilisées pour créer les animations. Vous recevrez des conseils sur la manière de :

  • Dessinez et animez des personnages sous différents angles pour s'adapter à une perspective de haut en bas. Dans Happy Harvest, de beaux visuels sont obtenus grâce à quatre directions.
  • Travaillez avec l’animation squelettique dans Unity à l’aide des packages 2D Animation et PSD Importer . Ils vous permettent d'importer les illustrations de votre personnage directement depuis Photoshop dans Unity en important tous les calques du personnage sous forme de sprites et en les plaçant exactement comme ils ont été peints dans l'application.
  • Créez un personnage dans l'éditeur de sprites.
  • Connectez les sprites aux os, à la géométrie et aux poids.
  • Utilisez l'éditeur de bibliothèque de sprites et l'échange de sprites pour gérer les types d'animations autres que ceux qui peuvent être obtenus avec des rotations d'os. Cela inclut les expressions faciales lorsque le personnage change la direction vers laquelle il regarde.
  • Utilisez l’outil Cinématique inverse 2D (2D IK), qui fait partie du package 2D Animation . Il calcule les rotations et permet à une chaîne d'os de les déplacer vers des positions cibles.
Faites de la pluie, un feu agréable, de la fumée et des feuilles qui se balancent
Utilisation de VFX Graph pour 2D pour générer des particules de pluie
Utilisation de VFX Graph pour 2D pour générer des particules de pluie

Les cultures des agriculteurs ont besoin à la fois de soleil et de pluie. Heureusement, le soir apporte de la pluie et notre travailleur fermier peut se retirer dans sa petite maison avec un bon feu dans l'âtre.

Il existe différentes options pour créer des effets visuels 2D comme ceux-ci dans Unity. Vous pouvez animer une explosion image par image ou générer des particules et des sprites de nuages. Utilisez le système de particules intégré pour générer des particules sur le processeur. Alternativement, vous pouvez exploiter le GPU et utiliser le VFX Graph et le Shader Graph pour générer des millions de particules ou appliquer des effets de post-traitement avec les volumes URP.

Dans l'article « Effets spéciaux 2D avec VFX Graph et Shader Graph », vous découvrirez les différentes techniques utilisées pour créer les effets spéciaux dans Happy Harvest, notamment :

  • Effets de particules simples créés avec le système de particules intégré, comme les feuilles qui tombent des buissons ou les empreintes de pas du fermier
  • Particules Flipbook pour créer des papillons autour des lampes la nuit à l'aide du système de particules intégré, ou des éclaboussures d'eau provenant de la pluie générées par le graphique VFX
  • Effets courants comme un shader appliqué aux tuiles d'eau pour faire bouger les vagues, le feu dans la cheminée et la fumée de la cheminée
  • Effets météorologiques comme la pluie et le tonnerre réalisés dans le VFX Graph – les particules de pluie utilisent le shader 2D Lit pour se fondre parfaitement dans l'environnement et réagir aux lumières
  • Shaders pour déplacer les arbres et autres végétaux pour simuler une légère brise
  • Effets de post-traitement de teinte et de floraison appliqués à l'ensemble de la scène pour créer une ambiance chaleureuse et joyeuse

Apprenez-en plus sur la création d'effets visuels dans notre livre électronique Le guide définitif pour la création d'effets visuels avancés dans Unity. Le livre électronique fournit un aperçu complet de la manière d'utiliser les outils de création d'effets visuels dans Unity pour créer des effets avancés, notamment de l'eau et des liquides, de la fumée, du feu, des explosions, de la météo, des impacts, de la magie, de l'électricité et bien plus encore.

Téléchargez, jouez et obtenez les meilleures pratiques

Happy Harvest est un terrain de jeu pour les créateurs 2D qui souhaitent acquérir de nouvelles techniques visuelles dans Unity. Développez l'exemple, réutilisez ses éléments et ses scripts dans vos propres projets et testez-le sur vos appareils mobiles et de bureau. Cet exemple et son contenu complémentaire sont conçus pour fournir des conseils utiles à tous, des débutants aux développeurs 2D expérimentés. Bonne récolte !

Image représentative du livre électronique Unity , « Art de jeu 2D, animation et éclairage pour les artistes ».

Si vous ne l'avez pas encore fait, assurez-vous de télécharger ces livres électroniques avancés qui couvrent le développement de jeux 2D ainsi que le rendu et les effets visuels (3D et 2D) dans Unity:

De plus, découvrez nos autres démos 2D, The Lost Crypt et Dragon Crashers.

Vous trouverez de nombreuses autres ressources pour les programmeurs avancés, les artistes, les artistes techniques et les concepteurs dans le hub des meilleures pratiques Unity.

Vous avez des commentaires ? N'hésitez pas à partager vos impressions sur la démo dans le forumdédié.