MYHA Kickstarter

[Grover]

Update 21
Réservé aux Backers

Discover UE4 Foliage: Shaders tutorial. Denis explains how he makes the plants and flowers in the game!

Tutoriel UE4 - Comment je crée un matériau Feuillage

Avant de commencer : comprenez la différence entre Matériau (ou Shader) et Texture :

• Une texture est une image 2D "à plat" que l’on importe depuis Gimp, Paint ou autre logiciel (ça peut être une photo ou un dessin par exemple).
• Un matériau est un regroupement de textures et de fonctions permettant de générer un effet visuel programmé, qui viendra envelopper un objet 3D : cela va d’une simple texture, à plusieurs textures mêlées et "superposées", à des effets plus complexes comme l’eau par exemple, qui nécessite de gérer la réflexion et la réfraction entre autres. Il est même parfois possible de créer des Matériaux complets sans utiliser aucune texture ! Juste à l’aide de fonctions mathématiques et de couleurs.

Maintenant, créons le matériau Feuillage de ce tutorial !

1) Voici un exemple de Matériau paramétrable (ou Instancié) sous UE4.
Lorsque les noeuds commencent par le sous-titre « Param », cela signifie que l’on pourra changer ce paramètre en direct dans l’éditeur du jeu, sans devoir ouvrir l’éditeur de Matériaux à chaque fois. Cela permettra de visualiser immédiatement les changements que l'on a effectué en changeant différentes valeurs (voir la vidéo à la fin).

2) La fonction « World Position Offset » dans l'image précédente permet d’ajouter un léger effet de mouvement au Matériau d’un objet : ainsi, on aura l’impression que l’objet bouge, sans avoir à générer une animation 3D. Pratique !

3) Une fois le Matériau sauvegardé, vous pouvez en créer une copie en « instance » :

4) Cela va générer un Matériau simplifié et éditable directement dans la vue du jeu. On retrouve ainsi tous les paramètres du Matériau de départ dans cette nouvelle fenêtre, et on peut agir dessus facilement à volonté :

5) Voici le résultat dans la vue du jeu !

Pour conclure, j'ajoute une petite vidéo montrant que la couleur (par exemple) peut maintenant être changée facilement :