RESSOURCES UNITY – Graphismes – Ressources Magic Makers

UNITY - Graphismes

Qu'est-ce que l'on peut faire ?

Le but de cette section est de rendre notre jeu BEAU ou lui donner un style graphique particulier, une ambiance.

Travailler nos graphismes est un moyen de vraiment personnaliser notre jeu et lui donner sa propre personnalité. Selon le type de jeu et d’environnement (intérieur ou extérieur) on va mettre l’accent sur différents paramètres.

Voici une petite vidéo qui montre la différence pour un même jeu du rendu avant (à gauche) et après (à droite) un travail sur les graphismes :

Méthodologie

Si vous avez trouvé ça cool, vous vous dites peut-être que c’est dur à faire.

La vrai réponse est oui et non.

OUI : on peut passer beaucoup de temps à travailler les graphismes pour qu’ils soient parfaitement comme on le désire.

Non : on peut rapidement obtenir un rendu de qualité et personnalisé en modifiant quelques paramètres.

Pour y arriver, il faut suivre une bonne méthodologie qui nous permettra de ne pas nous perdre.

Il y a globalement 3 grandes étapes à notre travail sur les graphismes:

- - - Mettre en place notre Scène pour que les effets que l’on va ajouter marchent
    - Ajouter et modifier les lumières de notre scène
    - Ajouter des effets de post-processing à notre caméra

Préparer la scène

Pour que notre scène soit prête à recevoir tous les effets graphiques que l’on va lui ajouter, on va :

- Changer la manière dont Unity montre les couleurs
- Modifier quelques paramètres de rendu qui sont présents par défaut sur la caméra
- Se débarrasser de la manière dont Unity gère l’anti-aliasing par défaut (plus sur ça plus loin)

Changer la gamme de couleurs Cacher

Changer les paramètres par défaut de la caméra Cacher

Retirer l'anti-aliasing par défaut Cacher

Les lumières

Les lumières dans notre scène vont fortement marquer l’ambiance du jeu, il existe plusieurs moyens d’émettre de la lumière dans un scène Unity, on va les explorer 😀

Skybox Cacher

Directional Light Cacher

Point Light Cacher

Spot Light Cacher

Reflexion Probe Cacher

Material Cacher

Post-Processing

Le post-processing permet d’ajouter des effets graphiques et des filtres à la caméra du jeu (oui… comme sur Instagram). Il y a beaucoup d’effets que nous pouvons ajouter à la caméra de notre jeu, cette page montre comment télécharger le package de post-processing d’Unity 3D et comment utiliser les différents effets.

Ajouter le Post-Processing à notre jeu Cacher

Itérer Cacher

Les Effets de Post Processing

Maintenant que l'on a ajouté les capacités de Post Processing à notre Caméra, il est temps de jouer avec les effets 😀

Les différents effets du composant de Post Processing sont :

- - - - Antialiasing
      - Ambient Occlusion
      - Screen Space Reflection
      - Depth Of Field
      - Motion Blur
      - Eye Adaptation
      - Bloom
      - Color Grading
      - User Lut
      - Chromatic Aberation
      - Grain
      - Vignette
      - Dithering

Antialiasing

L'anti aliasing est un effet qui permet de lisser les lignes d'une image, ça se voit en particulier sur les bords des surfaces :

L'effet d'anti aliasing du composant de post processing est assez simple, il n'y a qu'un paramètre d'importance : la Method. C'est la technique par laquelle la caméra lisse les lignes. Il y a 2 possibilités :

- Fast Approximate Anti-aliasing - plus rapide et amplement suffisant (<- celui que l'on conseille)
- Temporal Anti-aliasing - plus efficace mais réduit les performances de notre jeu et peut lagger. Pour nos jeux ce n'est pas vraiment la peine

Ambient Occlusion

L'Ambient Occlusion est l'ajout d'ombres dans les creux, les trous et les intersections entre les surfaces. Dans la vraie vie, on le voit partout.

Sur cette image à gauche l'ambient occlusion est désactivée et à droite elle est présente :

L'effet d'Ambient Occlusion a 3 paramètres importants sur lesquelles on va agir :

- Intensity - à quel point les pixels d'ombre sont sombres
- Radius - le rayon de l'ombre, à quelle distance l'ombre est projetée
- Downsampling - divise par 2 la qualité de l'effet pour améliorer les performances de notre jeu. Comme pour l'anti-aliasing et comme on le reverra plusieurs fois, on cherche toujours le meilleur compromis entre qualité et performances. Teste avec et sans le downsampling pour voir si ça vaut le coup pour ton jeu.

Screen Space Reflexion

Screen Space Reflexion ajoute de la précision sur les reflets des surfaces réfléchissantes (voir la partie sur les Materials dans la page Lumières)

Cet effet est très gourmand en performance est n'a vraiment d'intérêt QUE si tu as beaucoup de surfaces réfléchissantes dans ton jeu (les surfaces d'eau ne comptes pas car elles fonctionnent autrement).

On conseille de ne PAS activer cet effet !

Depth Of Field

L'effet Depth Of Field permet de simuler le focus d'une caméra, c'est à dire quelle partie de l'image est nette et quelle partie est plus floue.

Sur l'image en dessous, l'image est concentrée sur ce qu'il se passe au premier plan, le flou du fond permet de mettre en avant ce qui est important : le personnage et ce qui l'entoure.

L'effet Depth Of Field a 3 paramètres sur lesquels on peut agir :

- Focus Distance - la distance à laquelle le flou commence
- Aperture - A quel point on laisse la lumière entrer, plus c'est bas plus le flou est intense
- Focal Length - La précision de la partie floue, plus c'est haut plus le flou est intense

Motion Blur

Le Motion Blur permet de rendre flou les objets qui bougent à grande vitesse. Cet effet est très utilisé dans les jeux de course et permet d'amplifier le mouvement.

C'est un effet très sympa à avoir pour donner du dynamisme à son jeu MAIS il ne faut pas en abuser sinon ça donne mal au coeur...

Pour agir sur notre effet de Motion Blur, on a 2 paramètres à notre disposition:

- Shutter Angle - Plus c'est grand plus l'effet de flou est fort.
- Sample Count - Plus c'est grand meilleur sera la qualité de l'image floutée MAIS ça coute chère en performances donc on ne peut pas le mettre au max sans avoir de lag.

Eye Adaptation

L'Eye Adaptation permet de simuler le mécanisme de la rétine qui nous permet d'adapter notre vision à l'intensité lumineuse.

Dans le gif en dessous, on voit que l'image devient plus net à mesure que le temps passe et que "l'oeil de la caméra" s'adapte à la lumière :

Cet effet ne vaut vraiment la peine QUE si ton jeu a des grands changements de lumières (zones très sombres et zones très lumineuses)

Si tu ajoute cet effet à ton jeu, pas besoin de modifier les paramètres, ceux par défaut sont très bien.

Bloom

L'effet de Bloom permet de faire briller les zones et surfaces qui sont illuminées.

Dans l'image en dessous on voit l'effet de bloom sur des sources de lumière et des zones illuminées.

L'effet de Bloom peut être modifié à travers 4 paramètres:

- Intensity - Le force de la brillance.
- Threshold - On choisi ici à quel point un pixel doit être lumineux avant de briller (si on le met à 0 TOUT BRILLE)
- Soft Knee - La douceur de transition entre les pixels très lumineux et moins lumineux (0.5 c'est bien)
- Radius - On choisi ici à quel point la brillance d'une partie lumineuse illumine les surfaces voisines

Color Grading

Le Color Grading est l'effet qui a le plus d'impact sur le rendu de notre jeu !! C'est aussi le plus complexe et celui sur lequel on a le plus de possibilités.

Le Color Grading permet d'ajuster les couleurs de nos images, on peut saturer les couleurs, donner plus d'importance au rouge, au vert , etc... C'est comme appliquer un filtre sur notre caméra (exactement comme sur Instagram). L'effet permet de définir l'ambiance graphique du jeu :

Le composant de Color Grading du Post Processing est découpé en 5 sections de paramètres mais on n'agira ici que sur 3 d'entre elles qui permettent une vrai différence sur le rendu de notre jeu :

Tonemapping: C'est une gestion des niveaux de blanc et de noir, il y a 2 tonemapper, Neutral et Filmic. Le neutral permet de la personnalisation mais le Filmic assure un rendu sympa. On conseiille le Filmic !!
Basic: C'est le meilleur point de départ pour modifier les couleurs de nos jeux, on a 6 paramètres:
- Post Exposure - Combien de lumière on capte donc à quelle point notre image est lumineuse.
- Temperature - On parle de couleurs chaude (vers le rouge/jaune) et de couleurs froides (vers le bleu/vert). Ici on peut ajuster vers quelle chaleur nos couleurs vont.
- Tint - permet de compenser une trop grande influence du vert ou magenta(rouge)
- Hue Shift - Permet de décaler toutes les couleurs de la scène.
- Saturation - C'est à quel point les couleurs ressortent, tout à gauche c'est noir et blanc, tout à droite les lumières explosent.
- Contrast - à quel point on différencie les zones claires et sombres. Plus c'est fort plus les zones sombres se démarquent des zones claires.
Trackballs : Ces trois disques permettent de tinter les couleurs dans une certaine direction (vers une couleur). Il y a 3 disques car on agit sur les couleurs pour les zones claires, moyennes et foncées. Comme on a une caméra en HDR (voir préparer la scène) il est mieux d'utiliser l'outil et Log (celui de droite).

User Lut

Ce composant permet de modifier les couleurs (comme au dessus) avec des gammes de couleurs crées sur un autre logiciel, on ne va donc pas l'utiliser.

Chromatic Aberation

Le composant Chromatic Aberation simule les défauts de caméras qui ont du mal à délimiter les bordures d'objets quand le contraste (clair vs obscure) est trop grand faisant apparaître des "franges multicolores". Cet effet est utilisé pour donner un effet artistique à notre image.

Dans les images en dessous, celle de gauche a l'effet chromatic aberation pas celle de droite.

Il n'y a qu'un paramètre sur lequel on va agir ici, l'Intensity, qui défini à quel point l'effet est marqué.

Grain

Le Grain simule la présence de petites particules semblable à ce que l'on pouvait avoir sur les pellicules des anciens appareils photos. Cela produit un effet un peu d'irréalité ou un effet rétro.

Dans les images en dessous, celle de gauche a l'effet Grain pas celle de droite.

Il y a 2 paramètres sur lequel on va agir ici :

- Intensity - qui défini à quel point l'effet est marqué.
- Size - qui défini la taille des particules

Vignette

La Vignette est aussi un effet artistique qui a pour but de concentrer le regard sur le centre de l'écran en rendant les couleurs aux coins de l'écran plus sombres ou désaturées.

Dans les images en dessous, celle de gauche a une vignette, pas celle de droite.

Il y a 3 paramètres sur lequel on va agir ici :

- Color - la couleur de la vignette
- Intensity - la taille de la vignette
- Smoothness - qui défini à quel point les bordures de la vignette sont douces.

Dithering

Le Dithering permet de corriger un problème de représentation des lignes de couleur de la caméra dans certains cas particuliers, on ne va pas l'utiliser.

Les Effets de Post Processing Cacher

EXPERIMENTER