UnityShader25：在Unity中实现泛光

最新推荐文章于 2024-07-24 13:37:49 发布
最新推荐文章于 2024-07-24 13:37:49 发布
阅读量1.3k 收藏 6
点赞数 1
分类专栏： # Unity3D 文章标签： UnityShader
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jaihk662/article/details/113952690
版权
本文详细介绍了如何在Unity中利用Shader实现泛光效果，结合高斯模糊技术，从理论到实践，包括顶点着色器和片段着色器的编写，以及相关脚本的实现。通过提取亮部、多次高斯模糊和混合原图，最终达到全局泛光的视觉效果。
摘要由CSDN通过智能技术生成

 

一、需要提前了解的

这一章的例子非常的综合，可以说是知识点广而全，如果能独立在 Unity 中实现一个不错的泛光效果，那么 UnityShader 就算作入门成功！本章没有新的东西

曾经在 OpenGL 的教程中，就已经实现过泛光效果了：

明白了泛光的原理后，就是 UnityShader 的基础部分：

到此一游

 

二、着色器部分

沿用这一章的高斯消元着色器，不过这次做一些改动，将顶点着色器部分分成两个，分别为横向和纵向，并且定义它们的名字：GAUSSBLURRED_HORIZONTAL 和 GAUSSBLURRED_VERTICAL

Shader "Jaihk662/GaussBlurred1"
{
    Properties
    {
        _MainTex ("Base(RGB)", 2D) = "" {}
    }

    //和之前常用的 CGPROGRAM 不同，在 CGINCLUDE 和 ENDCG 范围内插入的 shader 代码会被插入到所有 Pass 中
    CGINCLUDE
    #include "UnityCG.cginc"

    float offsets;
	sampler2D _MainTex;
    struct vert2frag 
    {
        float4 pos: SV_POSITION;
		float4 uv[4]: TEXCOORD0;
    };

    vert2frag vertVertical(appdata_img v)
    {
		vert2frag o;
		o.pos = UnityObjectToClipPos(v.vertex);
		o.uv[0] = v.texcoord.xyxy;

		o.uv[1] = o.uv[0] + offsets * float4(0, 1, 0, -1);
		o.uv[2] = o.uv[0] + offsets * float4(0, 2, 0, -2);
		o.uv[3] = o.uv[0] + offsets * float4(0, 3, 0, -3);
		return o;
	}

    vert2frag vertHorizontal(appdata_img v)
    {
		vert2frag o;
		o.pos = UnityObjectToClipPos(v.vertex);
		o.uv[0] = v.texcoord.xyxy;

		o.uv[1] = o.uv[0] + offsets * float4(1, 0, -1, 0);
		o.uv[2] = o.uv[0] + offsets * float4(2, 0, -2, 0);
		o.uv[3] = o.uv[0] + offsets * float4(3, 0, -3, 0);
		return o;
	}

	half4 frag(vert2frag i): SV_Target
    {
        //高斯模糊
        float weight[4] = {0.4, 0.15, 0.1, 0.05};
		half4 color = float4(0, 0, 0, 0);
		color += weight[0] * tex2D(_MainTex, i.uv[0].xy);
        for (int t = 1; t < 4; t++)
            color += weight[t] * (tex2D(_MainTex, i.uv[t].xy) + tex2D(_MainTex, i.uv[t].zw));
		return color;
	}
    ENDCG

    Subshader
    {
        Pass
        {
            NAME "GAUSSBLURRED_HORIZONTAL"
            ZTest Always Cull Off ZWrite Off
            Fog { Mode off }

            CGPROGRAM
            #pragma fragmentoption ARB_precision_hint_fastest
            #pragma vertex vertHorizontal
            #pragma fragment frag
            ENDCG
        }
        Pass
        {
            NAME "GAUSSBLURRED_VERTICAL"
            ZTest Always Cull Off ZWrite Off
            Fog { Mode off }

            CGPROGRAM
            #pragma fragmentoption ARB_precision_hint_fastest
            #pragma vertex vertVertical
            #pragma fragment frag
            ENDCG
        }
    }
}

然后就是引用了高斯模糊，泛光的着色器：其中 Pass 包括：

  • 提取亮色
  • 高斯模糊 x 2
  • 将模糊亮色纹理和原纹理合并

来来去去就是这些，没有什么新的东西

Shader "Jaihk662/Bloom"
{
    Properties
    {
        _MainTex("Base (RGB)", 2D) = "white" {}
		_BloomTex("BloomTex (RGB)", 2D) = "black" {}                    //提取的亮色贴图存到这里
		_LuminanceThreshold("Luminance Threshold", Float) = 0.5         //亮度阈值，亮度超过这个值的片段被当作光源
		_BlurSize("Blur Size", Float) = 1.0
    }

    //和之前常用的 CGPROGRAM 不同，在 CGINCLUDE 和 ENDCG 范围内插入的 shader 代码会被插入到所有 Pass 中
    CGINCLUDE
    #include "UnityCG.cginc"

    sampler2D _MainTex;
    sampler2D _Bloom;
    float _LuminanceThreshold;
    float _BlurSize;

    half4 _MainTex_TexelSize;
    struct vert2frag 
    {
        float4 pos: SV_POSITION;
		half2 uv: TEXCOORD0;
    };

    //得到当前RGB值对应的灰度，也就是亮度
    fixed luminance(fixed4 color)
    {
		return 0.2125 * color.r + 0.7154 * color.g + 0.0721 * color.b; 
	}
    //提取亮色顶点着色器
    vert2frag vertExtractBright(appdata_img v)
    {
		vert2frag o;
		o.pos = UnityObjectToClipPos(v.vertex);
		o.uv = v.texcoord;
		return o;
	}
    //提取亮色顶点着色器
    fixed4 fragExtractBright(vert2frag i): SV_Target
    {
        fixed4 color = tex2D(_MainTex, i.uv);
        fixed val = clamp(luminance(color) - _LuminanceThreshold, 0.0, 1.0);            //clamp(a, l, r)：将a的值截取到l到r的范围内
        //若当前片段非亮部，那么val值显然为0，最终返回结果为黑色
        return color * val;
	}

    struct v2fBloom
    {
		float4 pos: SV_POSITION; 
		half4 uv: TEXCOORD0;
	};
    v2fBloom vertBloom(appdata_img v)
    {
        v2fBloom o;
        o.pos = UnityObjectToClipPos (v.vertex);
        o.uv.xy = v.texcoord;		
        o.uv.zw = v.texcoord;
        
        //对亮色纹理进行平台差异化处理（怀疑可以用.cginc里面的方法）
        #if UNITY_UV_STARTS_AT_TOP			
        if (_MainTex_TexelSize.y < 0.0)
            o.uv.w = 1.0 - o.uv.w;
        #endif
        return o;
	}
    fixed4 fragBloom(v2fBloom i): SV_Target
    {
        return tex2D(_MainTex, i.uv.xy) + tex2D(_Bloom, i.uv.zw);
    }
    ENDCG

    Subshader
    {
        ZTest Always Cull Off ZWrite Off
        Pass
        {
            CGPROGRAM
            #pragma vertex vertExtractBright
			#pragma fragment fragExtractBright
            ENDCG
        }
        UsePass "Jaihk662/GaussBlurred1/GAUSSBLURRED_HORIZONTAL"
		UsePass "Jaihk662/GaussBlurred1/GAUSSBLURRED_VERTICAL"
        Pass
        {
			CGPROGRAM
			#pragma vertex vertBloom
			#pragma fragment fragBloom
			ENDCG  
		}
    }
    FallBack Off
}

 

三、脚本部分

using UnityEngine;
using System.Collections;

public class Bloom: PostEffectsBase
{
	public Shader shader;
	private Material _material;
	public Material material
	{
		get
		{
			_material = CheckShaderAndCreateMaterial(shader, _material);
			return _material;
		}
	}

	[Range(0, 4)]
	//高斯模糊次数
	public int iterations = 3;

	//亮度阈值，亮度超过这个值的片段被当作光源，考虑了HDR
	[Range(0.0f, 4.0f)]
	public float luminanceThreshold = 0.6f;

	void OnRenderImage(RenderTexture src, RenderTexture dest)
	{
		if (material != null)
		{
			material.SetFloat("_LuminanceThreshold", luminanceThreshold);
			int rtW = src.width / 2;
			int rtH = src.height / 2;

			RenderTexture bufA = RenderTexture.GetTemporary(rtW, rtH, 0);
			bufA.filterMode = FilterMode.Bilinear;

			//调用第一个Pass提取亮色
			Graphics.Blit(src, bufA, material, 0);
			for (int i = 0; i < iterations; i++)
			{
				material.SetFloat("_BlurSize", 1.0f + i * 0.6f);
				//高斯模糊
				RenderTexture bufB = RenderTexture.GetTemporary(rtW, rtH, 0);
				Graphics.Blit(bufA, bufB, material, 1);
				RenderTexture.ReleaseTemporary(bufA);
				bufA = bufB;

				//高斯模糊
				bufB = RenderTexture.GetTemporary(rtW, rtH, 0);
				Graphics.Blit(bufA, bufB, material, 2);
				RenderTexture.ReleaseTemporary(bufA);
				bufA = bufB;
			}

			material.SetTexture("_Bloom", bufA);
			//调用第4个Pass混合亮色和原图
			Graphics.Blit(src, dest, material, 3);
			RenderTexture.ReleaseTemporary(bufA);
		}
		else
		{
			Graphics.Blit(src, dest);
		}
	}
}
全局泛光效果，本质上是 HDR 的一种感官体现

 

 

Jaihk662
关注
专栏目录
Unity Shader学习：Bloom泛光
咪咪博客
12-20 1177
Unity Shader学习：Bloom泛光 记录一下unity shader的学习过程，内容完全模仿（抄袭）puppet_master大神的实现。原理这部分大家可以百度一下他的原文章，这里主要是代码部分。代码添加了较多的理解与注释，如果有兴趣的小伙伴可以一起学习。 Bloom泛光主要思路：原图进行高亮颜色的提取，再进行高斯模糊得到光晕图，最后将原图与光晕图叠加得到效果。 C#部分： // 屏幕后...
Unity Shader-后处理：Bloom全屏泛光
热门推荐
puppet_master的专栏
10-30 2万+
一.简介 今天来学习一下Bloom效果，中文一般叫做全屏泛光效果，这是一种可以模拟出HDR的全屏后处理效果，但是实现原理与HDR相差很远，效果比HDR差一些，但是比HDR的性能要节省很多。 http://blog.csdn.net/u011047171/article/details/48522073 http://www.tuicool.com/articles/V77N7f h
【实现100个unity特效之8】使用ShaderGraph实现2d贴图中指定部分局部发光效果
最新发布
向宇
07-24 2146
我们的主纹理中有部分是透明的，而我们的这个黑白纹理中都是不透明的，虽然我们黑色的部分它的RGB都是O，但它的A是1，当我们直接使用这个（黑白纹理的）RGBA和主纹理（的RGBA)进行相加时，它的A会把主纹理的A给覆盖了，这样就会导致主纹理中的透明度都设为1了，透明部分都被覆盖了。(阈值)：控制哪些亮度的像素会受到泛光效果的影响。当我们使用add的时候，Unity会自动进行转换，比如我们R是0，Unity会自动把它转换成RGBA都是0的值，而我们R是1的时候，Unity就会自动转换成RGBA都是1的值。
Unity Bloom 泛光 Mask的思考
若风
08-19 1353
之前加了mask’以后，会出现得到的Bloom Mask切的不完全的问题，会有一些“漏网之鱼”的Bloom像素跑出来，感觉应该是因为这两个问题。 没关Unity默认的MSAA抗锯齿。 没切换成Linear颜色空间和 HDR (默认是Gamma空间) 最终效果 = BloomMask * Bloom + mainColor 其中， BloomMask = mainColor.a ...
Unity Shader PostProcessing - 8 - Bloom 泛光
Jave.Lin 的学习笔记
03-21 1470
事情一大堆，要拿快递，又要寄快递，还要帮人板家具，还要去买菜，还要偶尔做饭，还要做包子，拖地洗碗，等等，疫情期间可是点了好多其他的新技能，让我手动哭笑一下，T^T。QAQ。 好不容易挤出时间来学习，得千万别浪费了，而且最近看到十几年，几十年的图形专业大佬，真的感叹，人外有人天外有天。 OK，如题，这次实现的是比较简单大众都了解的：Bloom，泛光效果。 实现 先按某个指定的图像亮度阈值，提取出高...
【Unity Shader学习】边缘泛光效果
凡心所向，素履以往
04-03 545
Shader "Sbin/Rim" { Properties { _Scale("Scale",Range(1,8)) = 1 } SubShader { // 通过标签对透明物体渲染进行排序 tags{"queue" = "transparent"} pass { // Alpha混合 blend srcalpha oneminussrcalpha /...
Unity中实现模型外发光——HighlightingSystem插件
L的博客
08-14 4965
一：最基础的外发光 ——演示效果 ——给相机添加HighlightingRenderer组件 ——给自发光的物体添加Highlighter组件 1.Tween：必须勾选上才可以发光 2.Gradient：设置发光的颜色(可以渐变) 3.Duration：持续时间 4.Loop Mode：颜色渐变循环模式 ...
unity描边发光shader_Unity shader 实现边缘发光
weixin_39669629的博客
12-19 931
在很多游戏中经常看到有些模型边缘有发光的效果，看起来很高大上，很酷炫，其实实现起来非常的容易，下面就给大家介绍下实现边缘发光效果的shader代码。效果图：shader代码：Shader "Custom/BianYuanFaGuang"｛Properties｛_MainTex("main tex",2D) = "black"｛｝_RimColor("rim color",Color) = (1,1...
unity描边发光shader_Shader实例:边缘发光和描边
weixin_39649611的博客
12-19 314
效果图：1.边缘发光思路：用视方向和法线方向点乘，模型越边缘的地方，它的法线和视方向越接近90度。点乘越接近0那么用 1-减去上面点乘的结果，来作为颜色分量，来反映边缘颜色强弱。Shader "Custom/OutLine1"{Properties{_MainTex("main tex",2D) = "black"{}_RimColor("rim color",Color) = (1,1,1,1)...
Cesium实现建筑物泛光特效，使用自定义shader实现源码
04-26
很多Cesium的特效都是非常绚丽的，最近看到的是蓝色的炫光特效，非常的好看，研究了一下原来是通过自定义shader实现的，具体的可执行源码，直接在Cesium官方的沙盒里就能看到效果，需要的拿去吧，如果有问题可以私信...
untiy 利用法线做高效3D模型 边缘泛光
许先森的博客
07-14 579
在unity3D项目中，当选中一个3d模型，需要对其做一个外观的变化，来表现一个交互。 经常是以描边或边缘泛光的形式来处理。 描边的效果经常都是通过两个PASS来实现的，1个输出 沿着法线发现 放大的模型，再统一着色，这个颜色就是描边的颜色。另一个则直接输出。由于第一个沿着法线有做放大，所以就能实现描边的效果。 而边缘泛光则只需要一个PASS解决。当然效果有点区别，这个看需求而定。 思路：核心就是边缘检测，通过视向量和顶点的法向量的点积来实现。当两个向量的夹角越大，越靠近边缘。依赖这个做颜色强度，和纹理颜色
Unity内置Shader
04-19
Unity内置Shader和内置库，写Shader的时候可以作为参考
unity 2DSprite 边缘发光特效
08-31
unity 2DSprite 边缘发光特效，制作unity 2D游戏很实用！
Unity屏幕特效之Bloom
09-21
UnityShader实例15，配套资源，，适用于移动平台的屏幕bloom特效，效率不错
Unity 关于仿崩坏3部分Bloom（部分泛光）效果实现原理（附源码）
SnoopyNa2Co3的博客
03-02 1万+
之前写每个物体的材质球控制屏幕bloom效果，由于性能问题，换了另外一种实现方式 部分泛光的功能，这个是之前写的，不过性能不行，如果简单的游戏还可以，如果大场景的话就不行了 回到正题 我这边就研究崩坏3编译过的源码，下面是分析崩坏bloom效果实现 1.我看崩坏编译过的源码基本所有shader都会有一个_BloomFactor，这个用于控制泛光强度，用于存储输入屏幕那张图的alpha...
Unity URP渲染管线使用边缘高亮插件
o_ojjj的博客
05-05 1253
Unity URP使用物体边缘高亮插件
Unity Shader入门精要 第六章——Unity中的基础光照
buzhengli的博客
07-21 2068
逐像素光照，以每个像素为基础，得到它的法线（可以是对顶点法线插值得到的，也可以是从法线纹理中采样得到的），然后进行光照模型计算，这种在面片之间对顶点法线进行插值的技术称为Phong着色，也被称为Phong插值或法线插值技术，这不同于Phong光照模型。上面两个模型(也叫兰伯特光照模型)有个问题就是，光照没有照射到的地方是全黑的，没有明暗变化，导致背面就像是有个平面一样。与原来的兰伯特光照模型相比，半兰伯特光照模型没有使用max操作来防止n*I的点积为负值，而是进行了一个α倍的缩放和β大小的偏移。
UnityShader基础案例（三）——外发光（泛光）和内发光
SliverAsh_的博客
10-05 4173
基于菲涅尔反射来判断边缘所在。
Unity泛光效果消失问题
qq_44934976的博客
08-20 551
因为场景中是有效，只在在相机中无效，那么证明问题还是出现在相机设置中，终于找到了一篇文章，文章指出volumn对象需要在Default图层或新建一个独立图层，而且在相机最下面volumn mask中将图层改为与volumn一致，最后问题解决。结果烘焙好的场景恢复了，但是实时光照产生的泛光依旧没有。发现后处理中添加的暗角特效也消失了，感觉应该是后处理失效了，根据教程打开了UI相机中后处理选项，但是没有效果。之前一直在做的一个项目，在一次想要添加UI泛光效果失败后，发现项目中已有的泛光效果也消失了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值