Menerapkan Post-Processing di Dunia ZEPETO

7min
Jika kamu ingin menambahkan efek visual yang menarik atau meningkatkan kualitas grafis dunia kamu, cobalah menggunakan fitur Post-processing dari Unity.
Dengan berbagai efek visual, kamu bisa menciptakan dunia yang lebih imersif dan terlihat lebih profesional.
Memulai Post-processing
1
Instal paket Post Processing.
﻿
Di Unity, buka Window > Package Manager. Ubah opsi Packages menjadi Unity Registry, lalu cari dan instal paket Post Processing dari daftar.
2
Duplikat prefab ZepetoCamera.
﻿
Di folder Project, buka Packages > ZEPETO.Character.Controller > Runtime > _Resources > Camera. Temukan prefab ZepetoCamera, salin, lalu tempelkan ke folder Assets.
Setelah itu, ubah nama prefab yang diduplikasi menjadi ZepetoCameraCopy.
3
Hubungkan ZepetoCameraCopy.
﻿
Di Hierarchy, pilih Managers > ZepetoPlayers. Di Inspector, seret dan jatuhkan ZepetoCameraCopy ke kolom Prefab.
4
Buat Layer baru.
﻿
Di Inspector dari ZepetoCameraCopy, klik Layer > Add Layer untuk membuat layer baru. Lalu, tetapkan layer tersebut di kolom Layer.
📘 Catatan
Kamu hanya dapat menggunakan Layer 3 dan Layer 6 ke atas.
Layer 0–2 dan Layer 4–5 adalah layer default Unity dan tidak dapat dimodifikasi.
﻿
Menerapkan Post-processing
Ada dua cara utama dalam menerapkan Post-processing:
Global: Efek diterapkan ke seluruh dunia
Local: Efek hanya aktif ketika karakter memasuki area tertentu
Penerapan Global
1
Tambahkan Post-process Layer dan Post-process Volume ke ZepetoCameraCopy.
﻿
Di Inspector, klik Add Component dan tambahkan Post-process Layer serta Post-process Volume. Di Post-process Layer, atur Volume Blending > Layer ke layer baru yang telah dibuat.
Lalu, di Post-process Volume, centang opsi Is Global. Di kolom Profile, masukkan Post Process Profile yang berisi efek yang diinginkan.
Jika belum memiliki profil, klik tombol New di sebelah kolom Profile untuk membuatnya.
2
Tambahkan efek ke Post Process Profile.
﻿
Jika kamu membuat profil baru, pilih profil tersebut, klik tombol Add Effect, dan tambahkan efek sesuai kebutuhan. Atur nilainya untuk menyesuaikan tampilan visual yang diinginkan.
﻿
Untuk mengedit nilai efek, pastikan kamu mencentang kotak di sebelah kiri nama efek terlebih dahulu.
✏️ Tips
Efek dapat diubah secara bebas selama Play Mode, dan perubahan akan tetap tersimpan setelah keluar dari mode tersebut.
Sesuaikan pengaturan di Inspector saat scene berjalan untuk melihat hasilnya secara langsung dan menyempurnakan tampilannya.
﻿
<Contoh efek>
Bloom
﻿
Lens Distortion
﻿
Color Grading
﻿
﻿
Penerapan Lokal
1
Tambahkan Post-process Layer ke ZepetoCameraCopy.
﻿
Di Inspector dari ZepetoCameraCopy, tambahkan komponen Post-process Layer. Klik tombol This untuk mengatur Trigger, lalu tetapkan layer baru ke kolom Layer.
2
Buat objek Post-process Volume.
﻿
Di Hierarchy, klik + > 3D Object > Post-process Volume untuk membuat objek volume baru.
﻿
Tetapkan layer baru ke kolom Layer dari objek tersebut, lalu hapus centang pada opsi Is Global.
3
Tambahkan efek ke Post-process Volume.
﻿
Klik Add Effect dan pilih efek yang diinginkan. Sesuaikan nilainya agar sesuai dengan tampilan yang diinginkan.
4
Tempatkan Post-process Volume.
﻿
Tempatkan objek Post-process Volume di area tempat efek seharusnya aktif.
﻿
<Contoh Penerapan Lokal>
﻿
﻿
Mengontrol Post-process Volume melalui Script
Post-process Volume yang kamu buat juga bisa dikontrol menggunakan script.
Berikut ini adalah contoh penggunaan Toggle untuk mengaktifkan dan menonaktifkan efek.
1
Buat GameObject baru.
Di Hierarchy, klik + > Create Empty untuk membuat GameObject baru. Ubah namanya menjadi PostProcessManager.
2
Buat UI Toggle baru.
Di Hierarchy, klik + > UI > Toggle untuk membuat elemen Toggle baru.
3
Buat script baru.
Di jendela Project, klik + > ZEPETO > TypeScript untuk membuat script baru.
Ubah namanya menjadi PostProcessScript, buka script-nya, lalu tempelkan kode di bawah ini.
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(
                // 현재 profile settings의 모든 설정을 on/off합니다.
                (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(
                // 현재 profile settings의 모든 설정을 on/off합니다.
                (setting)=>{
                    setting.active = !setting.active;
                }
            );
        });
    }
}
﻿
4
Tambahkan script ke PostProcessManager.
﻿
Pilih PostProcessManager di Hierarchy. Di Inspector, klik Add Component > Zepeto Script dan seret PostProcessScript ke kolom Script.
Lalu, seret Toggle ke kolom On Off Toggle dan seret Post-process Volume ke kolom Post Process Obj.
﻿
<Contoh>
﻿
Sekarang, saat kamu menekan Toggle di area tempat Post-process Volume berada, efek Post-processing akan aktif atau nonaktif sesuai dengan pengaturan.
SEBELUMNYA
Mengatur Pencahayaan Dunia
BERIKUTNYA
Berinteraksi dengan sebuah objek