Découvrez un trésor d'éclairages et d'effets visuels dans notre nouvel échantillon de match 3 Gem Hunter Match.
Gem Hunter Match, un nouvel échantillon officiel d'Unity, vous montre comment un jeu de puzzle/match-3 en 2D peut se démarquer de la concurrence grâce à des effets visuels et d'éclairage accrocheurs créés dans l'Universal Render Pipeline (URP) d'Unity 2022 LTS.
Téléchargez l'échantillon, ainsi que son mini-manuel, et préparez-vous à plonger à la recherche de richesses dans des eaux bleues cristallines peuplées de bijoux et de créatures marines aux couleurs vives. Vous apprendrez à préparer et à éclairer des sprites 2D pour leur donner de la profondeur, à appliquer un shader Sprite Custom Lit pour les faire briller et à créer des effets d'éblouissement et d'ondulation.
Voir le script Gem Hunter Matchdans Unity Samples.
Gem Hunter Match suit l'échantillon 3D de l'URP et Happy Harvest comme le dernier d'une série d'exemples, créés par plusieurs équipes d'Unity, qui illustrent les nombreuses capacités d'URP dans Unity 2022 LTS pour les projets multiplateformes en 3D et en 2D. À la fin de ce billet, nous proposons des liens vers d'autres excellentes ressources d'apprentissage de l'URP.
Cette tranche jouable d'un jeu de puzzle match-3 multiplateforme est disponible sur le Unity Asset Store et les Unity Samples. Vous pouvez personnaliser Gem Hunter Match avec vos ressources ou votre gameplay, ou réutiliser n'importe lequel de ses sprites, shaders, effets, audio, textures et scripts dans un projet qui vous est propre.
Des bulles, du corail et une sirène vigilante forment la toile de fond du plateau de jeu dans Gem Hunter Match. Des perles, des saphirs roses, des étoiles de mer rouge rubis, des poissons bleus, des palourdes dorées et des tortues de mer endormies peuplent le tableau sur trois niveaux jouables. Eliminez les gemmes et gagnez des boosters et des pièces en associant trois éléments ou plus. Les boosters vous aident à atteindre les objectifs, mais si vous échouez, vous perdez un cœur. Les caisses en bois et la corde sont des bloqueurs ; faites correspondre trois éléments à côté d'une caisse en bois ou sous un morceau de corde pour les éliminer.
La boucle de jeu simple comprend un inventaire que vous pouvez réutiliser. En voici les principaux éléments :
La scène principale : Cet écran répertorie tous les niveaux jouables, qui sont référencés à partir d'un objet scriptable appelé LevelList, situé dans le dossier Data.
La scène du niveau : Ceci montre la configuration du jeu. Vous devez effacer les éléments de la section Objectifs.
Dans le dossier Data/BonusItems, vous trouverez les boosters et le prefab référencé qui contient des paramètres comme la forme du combo à faire apparaître (dans le cas où plusieurs pièces ont la même forme de combo, une forme aléatoire sera choisie). Vous pouvez créer vos propres boosters à partir du menu supérieur via Assets > Create > 2D Match.
Fin du niveau / Le magasin : Accédez à la boutique lorsque vous échouez ou terminez un niveau ; achetez-vous des boosters, des cœurs ou d'autres devises. Tous les articles de la boutique se trouvent dans le dossier Data/ShopItems (vous pouvez également ajouter les vôtres via Assets > Create > 2D Match). Les articles de la boutique comprennent
Pièces de monnaie : Gagnez des pièces en faisant des correspondances de trois ou plus et utilisez-les comme monnaie douce. Des cœurs ou des vies : Ces boosters vous permettent de réessayer un niveau qui a échoué. Si le joueur n'a plus de boosters dans un jeu de match 3, il y a souvent un temps de recharge avant qu'il ne puisse reconstituer ses points de vie/santé.
Étoiles : Dans les jeux de match 3 actuels, les étoiles font souvent partie du métajeu, de la décoration ou sont utilisées pour faire avancer le scénario.
Les jeux de puzzle/match-3 en 2D sont populaires parce qu'ils sont mignons et colorés, faciles et amusants à jouer, et accessibles à tout le monde depuis presque n'importe où.
Ils peuvent également inclure de belles illustrations, mais avec leur caméra statique, leur gameplay répétitif et, dans de nombreux cas, leur éclairage et leurs ombres précuits, ils ne sont pas connus pour leurs effets visuels et lumineux de pointe. Et pourtant, il existe de nombreuses façons d'ajouter des touches de paillettes et de scintillement pour plus de plaisir.
Un shader Sprite Custom Lit est l'une des techniques utilisées pour créer les effets visuels dans Gem Hunter Match. Ce shader remplace l'éclairage de la scène, ce qui nous permet de modifier les informations de la texture de la lumière 2D et de contrôler l'éclairage de chaque pièce. Il en résulte une illumination créative des sprites, comme l'effet chatoyant qui se déplace sur les pièces.
Les données relatives à la position de la lumière sont transférées dans le nuanceur, ce qui élimine la nécessité d'avoir des objets lumineux dans la scène, ce qui contribue également à la clarté de la scène. L'éclairage encapsulé par objet dans le shader fonctionne bien pour une meilleure isolation et édition à l'échelle et améliore les performances lorsque la mise en lots est possible.
Les informations relatives à la lumière et à l'ombre étant conservées dans le shader, seules les informations relatives à la couleur sont incluses dans les sprites. La carte des normales est utilisée par le système d'éclairage 2D pour calculer la direction de chaque pixel, de sorte qu'il reçoive plus ou moins de lumière en fonction de sa position. La carte de masque est utilisée par les lumières qui peuvent affecter un canal RVB spécifique.
Le préfabriqué Lights dans les scènes de niveau Gem Hunter Match contient les lumières 2D de la grille. Ces lumières affectent le shader Sprite Lit par défaut et sont appliquées aux éléments de la grille inclus dans le calque de tri qui reçoit la lumière.
L'image suivante illustre les étapes de la création des sprites et la manière dont le shader Sprite Custom Lit s'intègre dans le processus.
Dans Gem Hunter Match, une position lumineuse "fictive" est représentée par l'objet de jeu LightRotator, qui est animé pour créer un effet d'éblouissement sur les pierres précieuses. Les modifications apportées à la texture lumineuse 2D et les reflets fabriqués avec le nœud Dot Product sont tous deux utilisés dans le graphique de shaders TileShader appliqué aux pierres précieuses dans le jeu.
Le nœud Dot Product peut s'avérer utile dans les projets 2D lorsque vous souhaitez créer un éclairage personnalisé. Le produit en points mesure la proximité de deux vecteurs. Dans l'échantillon, la position LightDirection est comparée à la direction apparente de chaque pixel dans la carte normale. L'image échantillonnée en noir et blanc peut être utilisée pour ajouter de la lumière au sprite et mettre à jour les valeurs au moment de l'exécution pour toutes les pièces en utilisant le même shader.
Le shader Radial Warp utilise le paramètre URP 2D Camera Sorting Layer Texture. Cette fonction pratique vous permet d'accéder aux graphiques générés jusqu'à la couche de tri indiquée dans les paramètres du rendu 2D de l'URP, que vous pouvez ensuite utiliser dans Shader Graph pour appliquer des effets. Dans le cadre de la Récolte heureuse la texture du calque de tri de la caméra est utilisée pour créer un effet de réfraction de l'eau, et dans Dragon Crasherselle est utilisée pour la distorsion de la fumée. Dans cet exemple, nous l'utilisons pour appliquer une distorsion qui simule une onde de choc, ajoutant ainsi un attrait visuel supplémentaire lorsque vous effectuez une correspondance. C'est le genre d'effet qui crée un impact dont vos joueurs se souviendront.
Nous espérons que vous téléchargerez Gem Hunter Match, que vous le jouerez et le personnaliserez, puis que vous essaierez ses techniques graphiques dans vos propres projets. Toutes ces questions, et bien d'autres encore, sont abordées dans la session Unite 2023, Techniques d'éclairage et d'IA pour votre jeu en 2D.
Ne manquez pas ces autres échantillons, livres électroniques et tutoriels pour l'URP :
- Livre électronique : L'art du jeu en 2D, l'animation et l'éclairage pour les artistes
- Livre électronique: Introduction à l'Universal Render Pipeline pour les créateurs avancés d'Unity
- Unite 2023: Accélérez votre développement multiplateforme avec la dernière version d'URP
- Retransmission en direct: Quelles sont les nouveautés du pipeline de rendu universel d'Unity ?
- Tutoriel vidéo: Bonne récolte: Cultures personnalisées et notes des joueurs
- Livre électronique: Le guide définitif de la création d'effets visuels avancés dans Unity
N'oubliez pas de participer à la conversation sur l'Universal Render Pipeline sur les forums Unity ou de rejoindre Unity Discussions.