サイトアイコン Unity+AssetStoreおすすめ情報

Unity:画面にエフェクト、Post Processing Stack の使い方(人気の無料アセット)

はじめに

Unity の人気アセットの Post Processing Stack を紹介させていただきます。なんとRatingが★5の 1615もあるという超人気のアセットになります。

本アセットの使い道としては、 画面全体に演出・効果を適用する事ができます。

Unityを知らない方は、ぜひ こちらの記事 をご参照ください。

サンプルで確認

まずは何ができるのか画像で確認してみます。
画面全体に(Bloom: 高輝度部分をぼかす)処理を、「Post Processing Stack」を使って適用した前後の絵を切り替えています。

どうでしょうか、簡単に幻想的な表現ができますね。

ポストプロセスとは?

Unityの公式ドキュメントを見てみましょう。
簡単に言うと、カメラで取得した画像に対してエフェクト効果などを与えて実際に画面に描画を行います。

ポストプロセスは、レンダリングされた既存のシーンに基づくレンダリングエフェクトです。これは、通常、シーンビューに依存し、最終レンダリングを行う前に、レンダリングされたシーンの上にレイヤー化されます。この機能の利点は、既存のコンテンツに変更を加えることなく、シーンの見た目を劇的に向上できるということです。

https://docs.unity3d.com/ja/current/Manual/BestPracticeMakingBelievableVisuals8.html

使い方

Post Processing Stackの導入

「Post Processing Stack」は Unity 2017.3位以降では、「Package Manager」 からインストール可能となっているので、Unityのメニューから起動しましょう。

左上のパッケージ一覧を「All packeages」を選択して、「Post Processing」を選択、右上の「Install」を選択しましょう。

インストールが完了したら、右上の×ボタンで画面を閉じておきましょう。

カメラに設定

続いては、カメラにエフェクトを設定できるスクリプトを追加します。

  1. カメラを選択
  2. 「Post Process Layey」を追加
  3. プロパティ「Layer」に「Everything」を選択
    • 「Everything」はすべてのレイヤーに適用します、個別レイヤーに適用したい場合は変更してください。

エフェクトの設定

続いては、画面全体に適用するエフェクトを追加します。今回はサンプルで「 Bloom: 高輝度部分をぼかす 」処理を追加します。

  1. 新規オブジェクトを追加します。
  2. スクリプト「Post Process Volume」を追加。
  3. プロパティ「Is Global」にチェック。
  4. プロパティ「Profile」で「New」を選択。
  5. 「Add」で「Bloom」エフェクトを追加。
    • ここで様々なエフェクトを追加できます、他のエフェクトを試したい方はここで変更してみてください。
  6. 「Bloom」のプロパティ「Intensity」を 0 -> 2 に変更します。

実行結果

カメラの設定、エフェクトの設定の2つの設定を行う事により、簡単に画面全体にエフェクト効果を与える事ができました。

所要時間としては5分もあればこのように幻想的な効果を与える事ができます。

その他のエフェクト効果

その他にもどんな効果があるか確認してみます。

モバイルバージョンを終了