Skapa en VHS-bandfiltereffekt i Unity

Inom spelutvecklingsområdet har det blivit en populär trend att fånga den nostalgiska essensen av retrovisualer. En ikonisk visuell stil som fortsätter att fängsla publiken är VHS-bandfiltereffekten. Denna effekt efterliknar de analoga bristerna hos gamla VHS-band, vilket framkallar en känsla av nostalgi för dem som växte upp i videobandspelarens och videokassetternas tid. Genom att implementera den här effekten i Unity kan du lägga till ett extra lager av nedsänkning till ditt spel, vilket skapar en estetik som påminner om det förflutna.

För att uppnå VHS-bandfiltereffekten i Unity kommer vi att använda skuggningar för att manipulera bilderna. Shaders möjliggör realtidsmanipulation av grafik på GPU, vilket gör dem idealiska för att skapa effekter som VHS-distorsion och glitchiness. Nedan kommer jag att guida dig genom stegen för att implementera denna effekt i ditt Unity-projekt.

1. Konfigurera projektet

Innan du dyker in i koden, se till att du har ett Unity-projekt inrättat. Skapa ett nytt projekt eller öppna ett befintligt där du vill implementera VHS-bandfiltereffekten.

2. Skapa Shader

Först kommer vi skapa en ny shader för att hantera VHS-effekten. Högerklicka i ditt projektfönster och navigera till 'Create -> Shader -> Unlit Shader'. Ge shadern något som VHSTApeEffect.

Öppna den nyskapade shader-filen. Vi lägger till kod för att manipulera bilderna för att uppnå VHS-bandeffekten. Nedan är ett grundläggande exempel på en shader som lägger till distorsion, pixelering, brus och överlagring för att simulera VHS-bandeffekten:

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. Applicera Shader

För att applicera skuggningen på ett material, skapa ett nytt material eller använd ett befintligt. Dra "VHSTapeEffect" shadern till materialets shader kortplats.

4. Använd bildeffekt på kameran

Skapa ett nytt tomt spelobjekt och bifoga ett skript till det. Lägg till följande kod i skriptet:

using UnityEngine;

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

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

• Bifoga detta skript till det tomma spelobjektet och tilldela materialet du skapade till "VHSMaterial"-fältet i skriptinspektören.

5. Testa din scen

Slutligen, tryck på play i Unity och observera VHS-bandeffekten som appliceras på din scen genom kameran.

Slutsats

Med dessa steg har du framgångsrikt implementerat VHS-bandfiltereffekten i Unity. Experimentera med olika inställningar och ytterligare funktioner för att ytterligare förbättra den nostalgiska atmosfären i ditt spel.