Appliquer le Post-processing dans un monde ZEPETO

7min
Si vous souhaitez ajouter des effets visuels dynamiques à votre monde ou améliorer la qualité graphique, essayez d’utiliser la fonctionnalité Post-processing de Unity.
En ajoutant divers effets, vous pouvez renforcer l’immersion et créer une expérience plus aboutie.
Démarrer avec le Post-processing
1
Installez le package Post Processing.
﻿
Dans Unity, allez dans Window > Package Manager. Réglez l’option Packages sur Unity Registry, puis recherchez et installez le package Post Processing.
2
Dupliquez le prefab ZepetoCamera.
﻿
Dans le dossier Project, accédez à Packages > ZEPETO.Character.Controller > Runtime > _Resources > Camera. Trouvez le prefab ZepetoCamera, copiez-le, puis collez-le dans le dossier Assets.
Renommez ensuite le prefab dupliqué en ZepetoCameraCopy.
3
Liez ZepetoCameraCopy.
﻿
Dans la Hierarchy, sélectionnez Managers > ZepetoPlayers.
Dans l’Inspector, faites glisser ZepetoCameraCopy dans le champ Prefab.
4
Créez un nouveau Layer.
﻿
Dans l’Inspector de ZepetoCameraCopy, cliquez sur Layer > Add Layer pour créer un nouveau layer. Assignez ensuite ce nouveau layer dans le champ Layer.
📘 Note
Vous ne pouvez utiliser que les Layer 3 et les Layer 6 ou supérieurs.
Les Layer 0 à 2 et Layer 4 à 5 sont des layers par défaut de Unity et ne peuvent pas être modifiés.
﻿
Appliquer le Post-processing
Il existe deux façons principales d’appliquer le Post-processing:
Global: applique les effets à l’ensemble du monde
Local: applique les effets uniquement lorsqu’un personnage entre dans une zone spécifique
Application globale
1
Ajoutez Post-process Layer et Post-process Volume à ZepetoCameraCopy.
﻿
Dans l’Inspector, cliquez sur Add Component pour ajouter les composants Post-process Layer et Post-process Volume. Dans Post-process Layer, définissez Volume Blending > Layer sur le layer que vous avez créé.
Dans Post-process Volume, cochez l’option Is Global.
Dans le champ Profile, assignez un Post Process Profile contenant les effets souhaités.
Si vous n’avez pas encore de profil, cliquez sur le bouton New à côté du champ Profile pour en créer un.
2
Ajoutez des effets au Post Process Profile.
﻿
Si vous avez créé un nouveau profil, sélectionnez-le, cliquez sur le bouton Add Effect, puis ajoutez les effets souhaités. Ajustez les paramètres pour obtenir le rendu visuel désiré.
﻿
Pour modifier une valeur, vous devez d’abord cocher la case à gauche du champ concerné.
✏️ Astuce
Les effets peuvent être modifiés même en mode Play, et les changements sont conservés après avoir quitté ce mode.
Essayez d’ajuster les paramètres dans l’Inspector pendant l’exécution de la scène pour voir les effets en temps réel et affiner vos visuels.
﻿
<Exemple d'effet>
Bloom
﻿
Lens Distortion
﻿
Color Grading
﻿
﻿
Application locale
1
Ajoutez Post-process Layer à ZepetoCameraCopy.
﻿
Dans l’Inspector de ZepetoCameraCopy, ajoutez le composant Post-process Layer. Cliquez sur le bouton This pour définir le Trigger, puis assignez le nouveau layer au champ Layer.
2
Créez un objet Post-process Volume.
﻿
Dans la Hierarchy, cliquez sur + > 3D Object > Post-process Volume pour créer un nouvel objet volume.
﻿
Assignez le nouveau layer au champ Layer de cet objet, puis décochez l’option Is Global.
3
Ajoutez des effets au Post-process Volume.
﻿
Cliquez sur Add Effect pour ajouter les effets souhaités. Ajustez les paramètres pour obtenir l’effet visuel désiré.
4
Placez le Post-process Volume dans la scène.
﻿
Positionnez l’objet Post-process Volume à l’endroit où vous souhaitez que les effets soient actifs.
﻿
<Exemple d’application locale>
﻿
﻿
Contrôler le Post-process Volume via un script
Vous pouvez également contrôler le Post-process Volume via un script.
Voici un exemple d’utilisation d’un Toggle pour activer ou désactiver les effets.
1
Créez un nouvel objet GameObject.
Dans la Hierarchy, cliquez sur + > Create Empty pour créer un nouvel objet. Renommez-le PostProcessManager.
2
Créez une nouvelle interface Toggle.
Dans la Hierarchy, cliquez sur + > UI > Toggle pour créer un nouveau Toggle.
3
Créez un nouveau script.
Dans la fenêtre Project, cliquez sur + > ZEPETO > TypeScript pour créer un nouveau script.
Renommez ce script en PostProcessScript, ouvrez-le et collez le code suivant.
TypeScript
import { ZepetoScriptBehaviour } from 'ZEPETO.Script';
import { GameObject } from 'UnityEngine';
import { PostProcessVolume } from 'UnityEngine.Rendering.PostProcessing';
import { Toggle } from 'UnityEngine.UI';

export default class PostProcessScript extends ZepetoScriptBehaviour {

    public onOffToggle: Toggle;
    public postProcessObj: GameObject;
    private _postProsessVolume: PostProcessVolume;

    Start() {    
        this._postProsessVolume = this.postProcessObj.GetComponent<PostProcessVolume>();

        this.onOffToggle.onValueChanged.AddListener(()=>{
            this._postProsessVolume.profile.settings.ForEach(
                // Active ou désactive tous les paramètres dans les réglages du profil actuel.
                (setting)=>{
                    setting.active = !setting.active;
                }
            );
        });
    }
}
import { ZepetoScriptBehaviour } from 'ZEPETO.Script';
import { GameObject } from 'UnityEngine';
import { PostProcessVolume } from 'UnityEngine.Rendering.PostProcessing';
import { Toggle } from 'UnityEngine.UI';

export default class PostProcessScript extends ZepetoScriptBehaviour {

    public onOffToggle: Toggle;
    public postProcessObj: GameObject;
    private _postProsessVolume: PostProcessVolume;

    Start() {    
        this._postProsessVolume = this.postProcessObj.GetComponent<PostProcessVolume>();

        this.onOffToggle.onValueChanged.AddListener(()=>{
            this._postProsessVolume.profile.settings.ForEach(
                // Active ou désactive tous les paramètres dans les réglages du profil actuel.
                (setting)=>{
                    setting.active = !setting.active;
                }
            );
        });
    }
}
﻿
4
Ajoutez le script à PostProcessManager.
﻿
Dans la Hierarchy, sélectionnez PostProcessManager. Dans l’Inspector, cliquez sur Add Component > Zepeto Script, puis faites glisser le script PostProcessScript dans le champ Script.
Ensuite, dans la Hierarchy, faites glisser le Toggle dans le champ On Off Toggle, et le Post-process Volume dans le champ Post Process Obj.
﻿
<Exemple>
﻿
Vous pouvez maintenant activer ou désactiver les effets Post-processing à l’aide du Toggle, dans la zone où se trouve le Post-process Volume.
Configuration de l'éclairage mondial
Interagir avec un objet