LoginSignup
4

More than 5 years have passed since last update.

Image Effect Shader を新規作成して書き始めるまでの操作

Last updated at Posted at 2017-02-26

edo_m18 さんの [Unity] Image Effectでフェードアウト を参考にさせていただいてフェードアウトを実装しようとしたのだけれど、Image Effect を Unity のどのメニューから設定すれば良いのか、入り口の段階で詰まってしまったので、そのメモです。

環境

  • Unity 5.5.0f3

プロジェクト新規作成

プロジェクトを新規作成したときの Hierarchy, Project タブの状態は以下のようになっています(下図)。

p.png

Fader.cs スクリプトの作成して Main Camera にアタッチ

Fader.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Fader : MonoBehaviour
{
    [SerializeField]
    Material m_Material;

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

Fader.cs スクリプトを Main Camera にドラッグドロップ(アタッチ)します(下図)。

Unity_5_5_0f3_Personal__64bit__-_Untitled_-_Fader_-_PC__Mac___Linux_Standalone__Personal___OpenGL_4_1_.png

マテリアルを新規作成

Project タブの Create メニューから Material を選択します(下図)。

スクリーンショット 2017-02-26 22.21.13.png

作成したマテリアルに FaderMaterial という名前を付けました。Main Camera にアタッチしている Fader.cs の Material フィールドに FaderMaterial を設定します(下図)。

a.png

Image Effect Shader を新規作成

Project タブの Create メニューから Shader -> Image Effect Shader を選択します(下図)。

スクリーンショット 2017-02-26 22.20.51.png

作成した Image Effect Shader に FaderShader という名前を付けました。この FaderShader を FaderMaterial にドラッグドロップします(下図)。

b.png

ShaderFader をダブルクリックして、frag 関数を書き換えます。

fixed4 frag (v2f i) : SV_Target
{
    fixed4 col = tex2D(_MainTex, i.uv);
    fixed4 black = 1 - fixed4(_Time.yyy / 2, 1);
    col *= black;
    return col;
}

以上で設定は完了です。Unity の実行ボタンを押すと、フェードアウトします。やったね!

最後に、edo_m18 さんに感謝いたします。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4