【Unityシェーダ入門】Unityのポストエフェクトでモノクロ画面を作る

ポストエフェクトとは、カメラに映ったゲームシーンを一枚の画像として加工する処理のことです。UnityにはStandard Assetとして次のようなエフェクトが用意されています。

qiita.com

今回は画面を白黒にするモノクロのエフェクトを作りながらポストエフェクトの作り方を説明します。

f:id:nn_hokuson:20161117203603p:plain

今回の記事の内容は次の通りです。

カメラのメソッドをフックする
Unityでモノクロシェーダとマテリアルを作る
カメラにマテリアルをセットして実行する
参考書籍

カメラのメソッドをフックする

まずはシーンビューに3Dオブジェクトを表示しておきます。これは、なんというか、雰囲気を出すためだけのものなので、あってもなくても良いです（笑）
ここでは、とりあえずUnityちゃんを配置してみました。

f:id:nn_hokuson:20161117201920p:plain

カメラに映った画像を取得してポストエフェクトをかけるために、レンダリングする途中で画像をフックします。

f:id:nn_hokuson:20161117201504j:plain

プロジェクトビューで「PostEffect.cs」というファイルを作成し、次のプログラムを入力してください。

using UnityEngine;
using System.Collections;

public class PostEffect : MonoBehaviour {

	public Material monoTone;

	void OnRenderImage(RenderTexture src, RenderTexture dest)
	{
		Graphics.Blit (src, dest, monoTone);
	}
}

OnRenderImageメソッドはすべてのオブジェクトのレンダリングが完了した後に呼び出されるメソッドです。

このOnRenderImageメソッドの中でBlitメソッドを使ってポストエフェクトをかけています。 Blitメソッドはsrc画像に第三引数で指定したポストエフェクトをかけてdest画像に書き込みます。

スクリプトが保存できたら、PostEffect.csをMainCameraにドラッグ＆ドロップしてアタッチしておきます。

f:id:nn_hokuson:20161117202220p:plain

Unityでモノクロシェーダとマテリアルを作る

つづいて、画面をモノクロにするためのシェーダを作ります。プロジェクトビューで「右クリック」→「Create」→「Shader」→「Standard Surface Shader」を選択し、作成したファイル名をmonoToneに変更します。続いてこのシェーダファイルをアタッチするマテリアルも作成しましょう。monoToneのシェーダをを選択した状態で「右クリック」→「Create」→「Material」を選択すると、monoToneというマテリアルが作成されます。

f:id:nn_hokuson:20161117202326p:plain

monoTone.shaderを開いて次のスクリプトを入力してください。

Shader "Custom/monoTone" {
    Properties {
        _MainTex("MainTex", 2D) = ""{}
    }

    SubShader {
        Pass {
            CGPROGRAM

            #include "UnityCG.cginc"

            #pragma vertex vert_img
            #pragma fragment frag

            sampler2D _MainTex;

            fixed4 frag(v2f_img i) : COLOR {
                fixed4 c = tex2D(_MainTex, i.uv);
                float gray = c.r * 0.3 + c.g * 0.6 + c.b * 0.1;
                c.rgb = fixed3(gray, gray, gray);
                return c;
            }

            ENDCG
        }
    }
}