Unity Shader 屏幕后效果——颜色校正
屏幕后效果指的是,当前整个场景图已经渲染完成输出到屏幕后,再对输出的屏幕图像进行的操作。
在Unity中,一般过程通常是:
1.建立用于处理效果的shader和临时材质,给shader脚本传递需要控制的参数和变量
2.利用OnRenderImage函数抓取当前屏幕渲染纹理
OnRenderImage(RenderTexture source, RenderTexture destination){ }
第一个参数为处理前纹理,第二个为最终显示纹理
3.在OnRenderImage函数中调用Graphics.Blit方法对抓取的纹理进行具体的后期操作
Graphics.Blit(source, destination, material,-1);
material为需要处理的材质,-1为参数pass的默认值,表示对shader中所有的pass依次调用,这里也可以省略
为此,首先可以提前建立一个基类ScreenEffectBase,主要用于检查Shader并创建临时材质:
脚本如下:
using UnityEngine; [ExecuteInEditMode]
//屏幕后处理效果主要是针对摄像机进行操作,需要绑定摄像机
[RequireComponent(typeof(Camera))]
public class ScreenEffectBase : MonoBehaviour
{
public Shader shader;
private Material material;
protected Material Material
{
get
{
material = CheckShaderAndCreatMat(shader, material);
return material;
}
} //用于检查并创建临时材质
private Material CheckShaderAndCreatMat(Shader shader, Material material)
{
Material nullMat = null;
if (shader != null)
{
if (shader.isSupported)
{
if (material && material.shader == shader){ }
else
{
material = new Material(shader){ hideFlags = HideFlags.DontSave };
}
return material;
}
}
return nullMat;
}
}
之后创建的屏幕后处理效果的控制脚本都可以继承自该基类,例如我们创建关于基本颜色校正的控制脚本:
using UnityEngine; public class ColorCorrectionCtrl : ScreenEffectBase
{
private const string _Brightness = "_Brightness";
private const string _Saturation = "_Saturation";
private const string _Contrast = "_Contrast"; [Range(, )]
public float brightness = 1.0f;
[Range(, )]
public float saturation = 1.0f;
[Range(, )]
public float contrast = 1.0f; private void OnRenderImage(RenderTexture source, RenderTexture destination)
{
if (Material!=null)
{
Material.SetFloat(_Brightness, brightness);
Material.SetFloat(_Saturation, saturation);
Material.SetFloat(_Contrast, contrast); Graphics.Blit(source, destination, Material);
}
else
Graphics.Blit(source, destination);
}
}
其中,brightness,saturation,contrast分别为调整参数——亮度,饱和度和对比度,_Brightness,_Saturation,_Contrast为之后对应的shader中需要相应定义的属性参数。
这里利用构建的材质Material对shader的属性赋值并调用Graphics.Blit进行屏幕后效果的处理。
具体实现颜色校正的shader如下:
Shader "MyUnlit/ColorCorrection"
{
Properties
{
//这里的参数主要用于展示在材质面板中进行调节,但因为这次是临时创建的材质,参数都已经放在了C#脚本中调整,因此相对应的参数都可以省略
_MainTex ("Texture", 2D) = "white" {}
}
SubShader
{
Tags { "RenderType"="Opaque" } Pass
{
//OnRenderImage的调用可能会发生在渲染透明物体之前,为了不影响之后透明物体的渲染,需要:开启深度测试+双面渲染+关闭深度写入
ZTest always
Cull off
ZWrite off CGPROGRAM
#pragma vertex vert
#pragma fragment frag
#pragma multi_compile_fog #include "UnityCG.cginc" struct appdata
{
float4 vertex : POSITION;
float2 uv : TEXCOORD0;
}; struct v2f
{
float2 uv : TEXCOORD0;
UNITY_FOG_COORDS()
float4 vertex : SV_POSITION;
}; sampler2D _MainTex;
half _Brightness;
half _Saturation;
half _Contrast; v2f vert (appdata v)
{
v2f o;
o.vertex = UnityObjectToClipPos(v.vertex);
//因为是临时创建的材质,这里不需要对纹理进行任何变换操作(无可操作的材质面板),直接传递即可,_MainTex_ST也不需要定义
o.uv = v.uv;
UNITY_TRANSFER_FOG(o,o.vertex);
return o;
} fixed4 frag (v2f i) : SV_Target
{
fixed4 col = tex2D(_MainTex, i.uv); //亮度计算直接叠加
fixed3 color = col.rgb*_Brightness; //饱和度和灰度有关,先计算最低灰度系数下的图像,随后对原始的图像进行插值操作
fixed3 gray = fixed3(0.2125, 0.7154, 0.0721);
//点积得到最低灰度值,构成最低灰度图像
fixed minGray = dot(gray, col.rgb);
fixed3 grayColor = fixed3(minGray, minGray, minGray);
//对灰度图像和原始图像插值操作以得到最终系数的显示图像
color = lerp(grayColor, color, _Saturation); //对比度效果类似,先计算最低对比度图像,即(0.5,0.5,0.5),随后插值操作
fixed3 minContrast = fixed3(0.5, 0.5, 0.5);
color = lerp(minContrast, color, _Contrast); //得到所有处理完成后的图像颜色,但alpha保持不变
fixed4 finColor = fixed4(color, col.a); UNITY_APPLY_FOG(i.fogCoord, finColor);
return finColor;
}
ENDCG
}
}
//关闭回调
fallback off
}
效果如下(随便调的不用在意~):
Unity Shader 屏幕后效果——颜色校正的更多相关文章
- Unity Shader 屏幕后效果——边缘检测
关于屏幕后效果的控制类详细见之前写的另一篇博客: https://www.cnblogs.com/koshio0219/p/11131619.html 这篇主要是基于之前的控制类,实现另一种常见的屏幕 ...
- Unity Shader 屏幕后效果——全局雾
Unity内置的雾效需要在每个shader中分别编写,造成了极大的不便.这里利用屏幕后处理产生可单独控制且自由度更高的雾效. 屏幕后雾效的本质在于,通过深度纹理重构出每个像素在世界空间中的位置,根据得 ...
- Unity Shader 屏幕后效果——高斯模糊
高斯模糊是图像模糊处理中非常经典和常见的一种算法,也是Bloom屏幕效果的基础. 实现高斯模糊同样用到了卷积的概念,关于卷积的概念和原理详见我的另一篇博客: https://www.cnblogs.c ...
- Unity Shader 屏幕后效果——景深
景深效果的原理是,在摄像机的近裁剪平面和远裁剪平面之间可以设置一个焦距,在这个距离所在的平面上的物体最为清晰,而这个距离之前或之后的物体成像是一种模糊状态(根据距离逐渐模糊,最终达到最为模糊的状态). ...
- Unity Shader 屏幕后效果——Bloom外发光
Bloom的原理很简单,主要是提取渲染图像中的亮部区域,并对亮部区域进行模糊处理,再与原始图像混合而成. 一般对亮部进行模糊处理的部分采用高斯模糊,关于高斯模糊,详见之前的另一篇博客: https:/ ...
- Unity Shader 屏幕后效果——摄像机运动模糊(速度映射图实现)
速度映射图主要是为了得到每个像素相对于前一帧的运动矢量,其中一种方法是使用摄像机的深度纹理来推导. 推导过程如下: 先由深度纹理逆推出NDC(归一化的设备坐标)下的顶点坐标,利用VP矩阵(视角*投影矩 ...
- Unity Shader实现描边效果
http://gad.qq.com/article/detail/28346 描边效果是游戏里面非常常用的一种效果,一般是为了凸显游戏中的某个对象,会给对象增加一个描边效果.本篇文章和大家介绍下利用S ...
- Unity Shader 之 透明效果
透明效果 透明效果一般有两种实现方法: 第一种,使用透明度测试(Alpha Test) 第二种,使用透明度混合(Alpha Blending) 透明度测试和透明度混合机制: 透明度测试(Alpha T ...
- Unity实现屏幕抖动效果(通过Camera Viewpoint实现)
由于游戏死亡时一般都需要屏幕抖一下下. 所以百度了下相关写法,发现方法很多~~~ 找来找去,找到个简单粗暴地,啥都不需要,一个脚本拖动到Camera上就可以了 略微修改了一点点,share一下 usi ...
随机推荐
- FMXUI - UI.Dialog 示例(比较漂亮)
在 FMXUI 开源库,增加了 UI.Dialog 单元.此单元实现了跨平台的基础对话框组件.使用时引用 UI.Dialog 即可.如果需要自定义对话框的样式, 可以添加一个 TDialogStyle ...
- 简明Python3教程 12.问题解决
我们已经探究了python语言的方方面面,现在我们将通过设计编写一个有用的程序将这些内容有机的结合起来. 主要目标是让大家有能力独自编写程序. 问题 我们要解决的问题是”希望编写一个程序,用于创建所有 ...
- phpstorm 删除空行
思路: 用正则把所有空行找到,然后一键全部替换. 步骤:首先把 Regex 打上勾ctrl+f 搜索框就填写正则规则:^\nctrl+r 匹配到所有空行之后,点击[Replace all]即可
- QSplitter实现自由伸缩滑动窗口部件(要在m_pSplitter中加入frame_4之前,给frame_4设置样式;之后设置无效)
实现代码如下: #include <QSplitter> QSplitter *m_pSplitter; m_pSplitter = new QSplitter(ui->frame_ ...
- 构建自己的PHP框架(Twig模板引擎)
完整项目地址:https://github.com/Evai/Aier Twig 模板引擎 模版引擎 twig 的模板就是普通的文本文件,也不需要特别的扩展名,.html .htm .twig 都可以 ...
- WPF三维图形
原文:WPF三维图形 wpf 三维图形基础生成三维图形的基本思想是能得到一个物体的三维立体模型(model).由于我们的屏幕只有二维,因而我们定义了一个用于给物体拍照的照相机(Camera).拍到的照 ...
- 解决手机提示TF卡受损需要格式化问题
昨晚因为上QQ FOR PAD后.关机.结果又杯具了.上次无意看到一个SD卡修复命令,收藏起来了.一试,还真管用.现把它写出来.分享给大家.以后出现SD卡受损,千万不要再格式化内存卡了.修复过程:1. ...
- 基于VUE实现的新闻后台管理系统-二
基础环境及最后的开发效果已完成说明,接下来就开始配置. ¶npm初始化 新建项目文件夹VueDemo,在其内执行如下脚本 npm init -y 安装vue-cli构建包 yarn add vue-c ...
- 中国2017 Google 开发者大会第一天简单回顾
昨天有幸参加了中国2017 Google 开发者大会,在这第一天就收获满满,昨天太忙了,今天早晨来一起简单回顾一下,可以让没有参加的童鞋们感受一下现场的温度. 早早就来到了会议现场,外面看不出什么特别 ...
- 创建第一个ASP.NET MVC项目
创建 新建->项目->展开Web->ASP.NET Web应用程序->MVC->确认 ASP.NET MVC应用程序的目录结构 /Controllers该目录保存处理UR ...