Unity で VHS テープフィルターエフェクトを作成する

ゲーム開発の分野では、レトロなビジュアルのノスタルジックなエッセンスを取り入れることが人気のトレンドになっています。視聴者を魅了し続ける象徴的なビジュアルスタイルの 1 つは、VHS テープフィルターエフェクトです。このエフェクトは、古い VHS テープのアナログ的な欠陥をエミュレートし、VCR やビデオカセットの時代に育った人にとっては郷愁を呼び起こします。このエフェクトを Unity に実装すると、ゲームに没入感がさらに加わり、過去を思い出させる美学が生まれます。

Unity で VHS テープフィルター効果を実現するには、シェーダーを利用してビジュアルを操作します。シェーダーを使用すると、GPU 上でグラフィックスをリアルタイムに操作できるため、VHS の歪みやグリッチなどのエフェクトを作成するのに最適です。以下では、Unity プロジェクトにこの効果を実装する手順を説明します。

1. プロジェクトのセットアップ

コードに入る前に、Unity プロジェクトが設定されていることを確認してください。 VHS テープフィルターエフェクトを実装する新しいプロジェクトを作成するか、既存のプロジェクトを開きます。

2. シェーダーの作成

まず、VHS エフェクトを処理する新しいシェーダを作成します。プロジェクトウィンドウを右クリックし、'Create -> Shader -> Unlit Shader' に移動します。シェーダに VHSTapeEffect などの名前を付けます。

新しく作成したシェーダーファイルを開きます。 VHS テープの効果を実現するために、ビジュアルを操作するコードを追加します。以下は、ディストーション、ピクセレーション、ノイズ、オーバーレイを追加して VHS テープ効果をシミュレートするシェーダーの基本的な例です。

Shader "Custom/VHSTapeEffect"
{
    Properties
    {
        _MainTex ("Texture", 2D) = "white" {}
        _DistortionStrength ("Distortion Strength", Range(0, 1)) = 0.1
        _NoiseStrength ("Noise Strength", Range(0, 1)) = 0.2
    }

    SubShader
    {
        Tags { "Queue"="Overlay" "RenderType"="Opaque" }

        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            #include "UnityCG.cginc"

            struct appdata
            {
                float4 vertex : POSITION;
                float2 uv : TEXCOORD0;
            };

            struct v2f
            {
                float2 uv : TEXCOORD0;
                float4 vertex : SV_POSITION;
            };

            sampler2D _MainTex;
            float _DistortionStrength;
            float _NoiseStrength;

            v2f vert (appdata v)
            {
                v2f o;
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.uv = v.uv;
                return o;
            }

            fixed4 frag (v2f i) : SV_Target
            {
                float2 uv = i.uv;
                uv += sin(uv * 500) * _DistortionStrength;
                uv += (frac(sin(dot(uv, float2(12.9898, 78.233))) * 43758.5453) - 0.5) * _NoiseStrength;

                fixed4 col = tex2D(_MainTex, uv);
                return col;
            }
            ENDCG
        }
    }
}

3. シェーダーの適用

シェーダをマテリアルに適用するには、新しいマテリアルを作成するか、既存のマテリアルを使用します。 "VHSTapeEffect" シェーダをマテリアルのシェーダスロットにドラッグします。

4. カメラに画像効果を適用する

新しい空のゲームオブジェクトを作成し、それにスクリプトをアタッチします。スクリプトに次のコードを追加します。

using UnityEngine;

[RequireComponent(typeof(Camera))]
public class VHSTapeEffectController : MonoBehaviour
{
    public Material VHSMaterial;

    void OnRenderImage(RenderTexture source, RenderTexture destination)
    {
        Graphics.Blit(source, destination, VHSMaterial);
    }
}

このスクリプトを空のゲームオブジェクトにアタッチし、作成したマテリアルをスクリプトインスペクターの "VHSMaterial" フィールドに割り当てます。

5. シーンをテストする

最後に、Unity で再生をクリックし、カメラを通してシーンに適用される VHS テープ効果を観察します。

結論

これらの手順により、Unity に VHS テープフィルターエフェクトが正常に実装されました。ゲームのノスタルジックな雰囲気をさらに高めるために、さまざまな設定や追加機能を試してください。

統一 vhs 画像効果チュートリアルカメラシェーダーレトロ歪みノイズビデオゲーム開発ノスタルジック