[Unity Shader]溶解效果

简介: 一、效果二、BurnToFadeOut.shaderShader "BurnToFadeOut" {Properties { _StartColor ("Start Color", Color) = (1,1,1,1) _E...

一、效果

这里写图片描述

二、BurnToFadeOut.shader

Shader "BurnToFadeOut" {
Properties {
    _StartColor ("Start Color", Color) = (1,1,1,1)
    _EndColor ("End Color", Color) = (1,1,1,1)
    _MainTex ("Base (RGB) Trans (A)", 2D) = "white" {}
    _Cutoff ("Alpha cutoff", Range(0,1)) = 0.5
    _Emit ("Emit level", Range(1,100)) = 0
    _Range ("Range", Range(0,1)) = 0
}
SubShader {
    Tags {"Queue"="AlphaTest" "IgnoreProjector"="True" "RenderType"="TransparentCutout"}
    LOD 100

    Lighting Off

    Pass { 
        CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag

            #include "UnityCG.cginc"

            struct appdata_t {
                float4 vertex : POSITION;
                float2 texcoord : TEXCOORD0;
            };

            struct v2f {
                float4 vertex : SV_POSITION;
                half2 texcoord : TEXCOORD0;
            };

            sampler2D _MainTex;
            float4 _MainTex_ST;
            fixed4 _StartColor;
            fixed4 _EndColor;
            fixed _Cutoff;
            half _Emit;
            half _Range;

            v2f vert (appdata_t v)
            {
                v2f o;
                o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
                o.texcoord = TRANSFORM_TEX(v.texcoord, _MainTex);
                return o;
            }

            fixed4 frag (v2f i) : COLOR
            {
                fixed4 col = tex2D(_MainTex, i.texcoord);
                fixed a = dot(col.xyz, fixed3(0.3, 0.59, 0.11));
                col.a = a;
                clip(a - _Cutoff);
                if(a < _Cutoff + _Range)
                    col.xyz = lerp(_StartColor.xyz, _EndColor.xyz, (saturate(a - _Cutoff) / _Range)) * _Emit;
                return col;
            }
        ENDCG
    }
}

SubShader {
    Tags {"Queue"="AlphaTest" "IgnoreProjector"="True" "RenderType"="TransparentCutout"}
    LOD 100

    Pass {
        Lighting Off
        Alphatest Greater [_Cutoff]
        SetTexture [_MainTex] { combine texture }
    }
}
}

三、使用

光晕效果需要把摄像机HDR打开并挂上这个脚本(Pro版导入Standard Asset里的)

@script ExecuteInEditMode
@script RequireComponent (Camera)
@script AddComponentMenu ("Image Effects/Bloom and Glow/Bloom (Optimized)")

class FastBloom extends PostEffectsBase {

    public enum Resolution {
        Low = 0,
        High = 1,
    }

    public enum BlurType {
        Standard = 0,
        Sgx = 1,
    }

    @Range(0.0f, 1.5f)
    public var threshhold : float = 0.25f;
    @Range(0.0f, 2.5f)
    public var intensity : float = 0.75f;

    @Range(0.25f, 5.5f)
    public var blurSize : float = 1.0f;

    var resolution : Resolution = Resolution.Low;
    @Range(1, 4)
    public var blurIterations : int = 1;

    public var blurType = BlurType.Standard;

    public var fastBloomShader : Shader;
    private var fastBloomMaterial : Material = null;

    function CheckResources () : boolean { 
        CheckSupport (false);  

        fastBloomMaterial = CheckShaderAndCreateMaterial (fastBloomShader, fastBloomMaterial);

        if(!isSupported)
            ReportAutoDisable ();
        return isSupported;            
    }

    function OnDisable() {
        if(fastBloomMaterial)
            DestroyImmediate (fastBloomMaterial);
    }

    function OnRenderImage (source : RenderTexture, destination : RenderTexture) { 
        if(CheckResources() == false) {
            Graphics.Blit (source, destination);
            return;
        }

        var divider : int = resolution == Resolution.Low ? 4 : 2;
        var widthMod : float = resolution == Resolution.Low ? 0.5f : 1.0f;

        fastBloomMaterial.SetVector ("_Parameter", Vector4 (blurSize * widthMod, 0.0f, threshhold, intensity));
        source.filterMode = FilterMode.Bilinear;

        var rtW = source.width/divider;
        var rtH = source.height/divider;

        // downsample
        var rt : RenderTexture = RenderTexture.GetTemporary (rtW, rtH, 0, source.format);
        rt.filterMode = FilterMode.Bilinear;
        Graphics.Blit (source, rt, fastBloomMaterial, 1);

        var passOffs = blurType == BlurType.Standard ? 0 : 2;

        for(var i : int = 0; i < blurIterations; i++) {
            fastBloomMaterial.SetVector ("_Parameter", Vector4 (blurSize * widthMod + (i*1.0f), 0.0f, threshhold, intensity));

            // vertical blur
            var rt2 : RenderTexture = RenderTexture.GetTemporary (rtW, rtH, 0, source.format);
            rt2.filterMode = FilterMode.Bilinear;
            Graphics.Blit (rt, rt2, fastBloomMaterial, 2 + passOffs);
            RenderTexture.ReleaseTemporary (rt);
            rt = rt2;

            // horizontal blur
            rt2 = RenderTexture.GetTemporary (rtW, rtH, 0, source.format);
            rt2.filterMode = FilterMode.Bilinear;
            Graphics.Blit (rt, rt2, fastBloomMaterial, 3 + passOffs);
            RenderTexture.ReleaseTemporary (rt);
            rt = rt2;
        }

        fastBloomMaterial.SetTexture ("_Bloom", rt);

        Graphics.Blit (source, destination, fastBloomMaterial, 0);

        RenderTexture.ReleaseTemporary (rt);
    }  
}
相关文章
|
3月前
|
图形学 数据可视化 开发者
超实用Unity Shader Graph教程:从零开始打造令人惊叹的游戏视觉特效,让你的作品瞬间高大上,附带示例代码与详细步骤解析!
【8月更文挑战第31天】Unity Shader Graph 是 Unity 引擎中的强大工具,通过可视化编程帮助开发者轻松创建复杂且炫酷的视觉效果。本文将指导你使用 Shader Graph 实现三种效果:彩虹色渐变着色器、动态光效和水波纹效果。首先确保安装最新版 Unity 并启用 Shader Graph。创建新材质和着色器图谱后,利用节点库中的预定义节点,在编辑区连接节点定义着色器行为。
235 0
|
3月前
|
C# 图形学 C语言
Unity3D学习笔记3——Unity Shader的初步使用
Unity3D学习笔记3——Unity Shader的初步使用
44 0
|
3月前
|
数据可视化 图形学
小功能⭐️Unity2018 Shader Graph——全息影像、物体消融
小功能⭐️Unity2018 Shader Graph——全息影像、物体消融
|
5月前
|
图形学
【实现100个unity特效】shader实现3D物品闪光和描边效果
【实现100个unity特效】shader实现3D物品闪光和描边效果
77 0
|
5月前
|
开发工具 图形学
【推荐100个unity插件之11】Shader实现UGUI的特效——UIEffect为 Unity UI 提供视觉效果组件
【推荐100个unity插件之11】Shader实现UGUI的特效——UIEffect为 Unity UI 提供视觉效果组件
301 0
|
5月前
|
图形学
【实现100个unity特效之2】使用shader和shader Graph实现2d图片描边效果(附源码)
【实现100个unity特效之2】使用shader和shader Graph实现2d图片描边效果(附源码)
210 0
|
5月前
|
图形学 开发者
【实现100个unity特效之1】使用Shader Graph实现动物森友会的世界弯曲效果(带源码)
【实现100个unity特效之1】使用Shader Graph实现动物森友会的世界弯曲效果(带源码)
105 0
|
6月前
|
图形学 异构计算
【Unity Shader 中Pass相关介绍_第四篇】
【Unity Shader 中Pass相关介绍_第四篇】
|
6月前
|
缓存 图形学 异构计算
【#Unity Shader#Amplify Shader Editor(ASE)_第二篇】
【#Unity Shader#Amplify Shader Editor(ASE)_第二篇】
|
6月前
|
图形学
【Unity Shader#自定义材质面板_第一篇】
【Unity Shader#自定义材质面板_第一篇】