unity3d 老电影式的屏幕特效

最新推荐文章于 2024-06-05 10:09:44 发布
最新推荐文章于 2024-06-05 10:09:44 发布
阅读量5.6k 收藏 7
点赞数 3
分类专栏： Unity3D Shader unity3d shader实战练习 文章标签： 游戏开发 unity3d CG语言 shader 屏幕特效
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wolf96/article/details/41695523
版权


做出这种古老效果，需要： 颜色发黄， 晕影效果， 灰尘与刮痕的效果。

建立一个c#脚本，将要放在摄像头中

先声明变量
oldFilmShader    所需shader（一会需要编写）
OldFilmEffectAmount    古老的程度（最后做插值的程度值）
sepiaColor    屏幕的颜色（调至黑黄）
vigentteTexture        老电影式基本贴图
vigentteAmount         所占比重
scratchesTexture    刮痕贴图
scratchesYspeed        刮痕y方向移动速度
scratchesXspeed        刮痕x方向移动速度
Texture2D dustTexture;        灰尘贴图
dustYSpeed    灰尘y方向移动速度
dustXSpeed    灰尘x方向移动速度
randomValue    随机值

    public Shader oldFilmShader;

    public float OldFilmEffectAmount = 1.0f;

    public Color sepiaColor = Color.white;
    public Texture2D vigentteTexture;
    public float vigentteAmount = 1.0f;

    public Texture2D scratchesTexture;
    public float scratchesYspeed = 10.0f;
    public float scratchesXspeed = 10.0f;

    public Texture2D dustTexture;
    public float dustYSpeed = 10.0f;
    public float dustXSpeed = 10.0f;

    private Material curMaterial;
    private float randomValue;


依旧需要 OnRenderImage(）这个函数抓取摄像机的图像
把所需变量传入shader
最后拷贝源纹理到目的渲染纹理
 Graphics.Blit(） 


    void OnRenderImage(RenderTexture sourceTex, RenderTexture destTex)
    {
        if (oldFilmShader != null)
        {
            material.SetColor("_SepiaColor", sepiaColor);
            material.SetFloat("_VigentteAmount", vigentteAmount);
            material.SetFloat("_OldFilmEffectAmount", OldFilmEffectAmount);
            if (vigentteTexture)
            {
                material.SetTexture("_VigentteTex", vigentteTexture);

            }
            if (scratchesTexture)
            {
                material.SetTexture("_ScratchesTex", scratchesTexture);
                material.SetFloat("_ScratchesYSpeed", scratchesYspeed);
                material.SetFloat("_ScratchesXSpeed", scratchesXspeed);
            }
            if (dustTexture)
            {
                material.SetTexture("_DustTex", dustTexture);
                material.SetFloat("_DustXSpeed", dustXSpeed);
                material.SetFloat("_DustYSpeed", dustYSpeed);
                material.SetFloat("_RandomValue", randomValue);

            }
            Graphics.Blit(sourceTex, destTex, material);
        }
        else
        {
            Graphics.Blit(sourceTex, destTex);
        }
    }


再看shader



声明变量
distortion 扭曲程度
cubicDistortion 三维扭曲程度



	Properties 
	{
		_MainTex ("Base(RGB)", 2D) = "white" {}
		_VignetteTex ("VignetteTexture", 2D) = "white"{}
		_ScratchesTex ("ScartchesTexture", 2D) = "white"{}
		_DustTex ("DustTexture", 2D) = "white"{}
		_SepiaColor ("SepiaColor", Color) = (1,1,1,1)
		_EffectAmount ("OldFilmEffectAmount", Range(0,1)) = 1.0
		_VignetteAmount ("Vignette Opacity", Range(0,1)) = 1.0
		_ScratchesYSpeed ("ScratchesYSpeed", Float) = 10.0
		_ScratchesXSpeed ("ScratchesXSpeed", Float) = 10.0
		_dustXSpeed ("DustXSpeed", Float) = 10.0
		_dustYSpeed ("DustYSpeed", Float) = 10.0
		_RandomValue ("RandomValue", Float) = 1.0
		_Contrast ("Contrast", Float) = 3.0
		
		_distortion ("Distortion", Float) = 0.2
		_cubicDistortion ("CubicDistortion", Float) = 0.6
		_scale ("Scale(Zoom)", Float) = 0.8
	}

镜头桶形失真校正算法，产生桶形畸变效果
将矩形物体拍摄成四边向外凸形成桶形的影像，就称镜头具有负畸变，或桶形畸变

一会需要用此对uv进行变换
传入uv值float2 coord
传出扭曲的uv值 


	float2 barrelDistortion(float2 coord) 
			{
				// Inspired by SynthEyes lens distortion algorithm
				// See http://www.ssontech.com/content/lensalg.htm

				float2 h = coord.xy - float2(0.5, 0.5);
				float r2 = h.x * h.x + h.y * h.y;
				float f = 1.0 + r2 * (_distortion + _cubicDistortion * sqrt(r2));

				return f * _scale * h + 0.5;
			}


从v2f_img i中获取图像的颜色和uv值
通过上面的barrelDistortion()函数获得扭曲的uv
刮痕的uv
对刮痕的uv进行变换，使之随时间移动
lum 求图像的饱和度
最终颜色初定义  =  饱和度+所定义颜色（浮动的明暗度（线性插值））





求颜色的对比度次方
不同的层合在一起构成屏幕最终特效



先与老电影式基本贴图做插值混合
然后与刮痕混合，与白色的插值来制造刮痕的闪烁效果
与灰尘相乘混合，与白色的插值来制造灰尘的闪烁效果
最后与图像的本来面貌做插值
得到最终颜色



	fixed4 frag(v2f_img i) : COLOR
			{
//Get the colors from the RenderTexture and the uv's
				//from the v2f_img struct
				half2 distortedUV = barrelDistortion(i.uv);
				distortedUV = half2(i.uv.x, i.uv.y + (_RandomValue * _SinTime.z * 0.005));
				fixed4 renderTex = tex2D(_MainTex, i.uv);
				
				//Get the pixels from the Vignette Texture
				fixed4 vignetteTex = tex2D(_VignetteTex, i.uv);
				
				//Process the Scratches UV and pixels
				half2 scratchesUV = half2(i.uv.x + (_RandomValue * _SinTime.z * _ScratchesXSpeed),
										 i.uv.y + (_Time.x * _ScratchesYSpeed));
				fixed4 scratchesTex = tex2D(_ScratchesTex, scratchesUV);
				
				//Process the Dust UV and pixels
				half2 dustUV = half2(i.uv.x + (_RandomValue * (_SinTime.z * _dustXSpeed)), 
									i.uv.y + (_RandomValue * (_SinTime.z * _dustYSpeed)));
				fixed4 dustTex = tex2D(_DustTex, dustUV);
				
				// get the luminosity values from the render texture using the YIQ values.
				fixed lum = dot (fixed3(0.299, 0.587, 0.114), renderTex.rgb);

				
				//Add the constant color to the lum values
				fixed4 finalColor = lum + lerp(_SepiaColor, _SepiaColor +
											    fixed4(0.1f,0.1f,0.1f,1.0f), _RandomValue);
				finalColor = pow(finalColor, _Contrast);
				
				//Create a constant white color we can use to adjust opacity of effects
				fixed3 constantWhite = fixed3(1,1,1);
				
				//Composite together the different layers to create finsl Screen Effect
				finalColor = lerp(finalColor, finalColor * vignetteTex, _VignetteAmount);
				finalColor.rgb *= lerp(scratchesTex, constantWhite, (_RandomValue));
				finalColor.rgb *= lerp(dustTex.rgb, constantWhite, (_RandomValue * _SinTime.z));
				finalColor = lerp(renderTex, finalColor, _EffectAmount);
				
				return finalColor;
			}





代码如下



using UnityEngine;
using System.Collections;

public class ShaderTest : MonoBehaviour
{
    #region Variables
    public Shader oldFilmShader;

    public float OldFilmEffectAmount = 1.0f;

    public Color sepiaColor = Color.white;
    public Texture2D vigentteTexture;
    public float vigentteAmount = 1.0f;

    public Texture2D scratchesTexture;
    public float scratchesYspeed = 10.0f;
    public float scratchesXspeed = 10.0f;

    public Texture2D dustTexture;
    public float dustYSpeed = 10.0f;
    public float dustXSpeed = 10.0f;

    private Material curMaterial;
    private float randomValue;
    #endregion

    #region Properties
    public Material material
    {
        get
        {
            if (curMaterial == null)
            {
                curMaterial = new Material(oldFilmShader);
                curMaterial.hideFlags = HideFlags.HideAndDontSave;
            }
            return curMaterial;
        }
    }
    #endregion
    void OnRenderImage(RenderTexture sourceTex, RenderTexture destTex)
    {
        if (oldFilmShader != null)
        {
            material.SetColor("_SepiaColor", sepiaColor);
            material.SetFloat("_VigentteAmount", vigentteAmount);
            material.SetFloat("_OldFilmEffectAmount", OldFilmEffectAmount);
            if (vigentteTexture)
            {
                material.SetTexture("_VigentteTex", vigentteTexture);

            }
            if (scratchesTexture)
            {
                material.SetTexture("_ScratchesTex", scratchesTexture);
                material.SetFloat("_ScratchesYSpeed", scratchesYspeed);
                material.SetFloat("_ScratchesXSpeed", scratchesXspeed);
            }
            if (dustTexture)
            {
                material.SetTexture("_DustTex", dustTexture);
                material.SetFloat("_DustXSpeed", dustXSpeed);
                material.SetFloat("_DustYSpeed", dustYSpeed);
                material.SetFloat("_RandomValue", randomValue);

            }
            Graphics.Blit(sourceTex, destTex, material);
        }
        else
        {
            Graphics.Blit(sourceTex, destTex);
        }
    }



    // Use this for initialization
    void Start()
    {
        if (SystemInfo.supportsImageEffects == false)
        {
            enabled = false;
            return;
        }

        if (oldFilmShader != null && oldFilmShader.isSupported == false)
        {
            enabled = false;
        }
    }

    // Update is called once per frame
    void Update()
    {
        vigentteAmount = Mathf.Clamp01(vigentteAmount);
        OldFilmEffectAmount = Mathf.Clamp(OldFilmEffectAmount, 0f, 1.5f);
        randomValue = Random.Range(-1f, 1f);
    }
}




shader:





Shader "Custom/TestShader" {
	Properties 
	{
		_MainTex ("Base(RGB)", 2D) = "white" {}
		_VignetteTex ("VignetteTexture", 2D) = "white"{}
		_ScratchesTex ("ScartchesTexture", 2D) = "white"{}
		_DustTex ("DustTexture", 2D) = "white"{}
		_SepiaColor ("SepiaColor", Color) = (1,1,1,1)
		_EffectAmount ("OldFilmEffectAmount", Range(0,1)) = 1.0
		_VignetteAmount ("Vignette Opacity", Range(0,1)) = 1.0
		_ScratchesYSpeed ("ScratchesYSpeed", Float) = 10.0
		_ScratchesXSpeed ("ScratchesXSpeed", Float) = 10.0
		_dustXSpeed ("DustXSpeed", Float) = 10.0
		_dustYSpeed ("DustYSpeed", Float) = 10.0
		_RandomValue ("RandomValue", Float) = 1.0
		_Contrast ("Contrast", Float) = 3.0
		
		_distortion ("Distortion", Float) = 0.2
		_cubicDistortion ("CubicDistortion", Float) = 0.6
		_scale ("Scale(Zoom)", Float) = 0.8
	}

	SubShader 
	{
		Pass
		{
			CGPROGRAM
			#pragma vertex vert_img
			#pragma fragment frag
			#pragma fragmentoption ARB_precision_hint_fastest
			#include "UnityCG.cginc"
uniform sampler2D _MainTex;
			uniform sampler2D _VignetteTex;
			uniform sampler2D _ScratchesTex;
			uniform sampler2D _DustTex;
			fixed4 _SepiaColor;
			fixed _VignetteAmount;
			fixed _ScratchesYSpeed;
			fixed _ScratchesXSpeed;
			fixed _dustXSpeed;
			fixed _dustYSpeed;
			fixed _EffectAmount;
			fixed _RandomValue;
			fixed _Contrast;
			
			float _distortion;
			float _cubicDistortion;
			float _scale;

			
			float2 barrelDistortion(float2 coord) 
			{
				// Inspired by SynthEyes lens distortion algorithm
				// See http://www.ssontech.com/content/lensalg.htm

				float2 h = coord.xy - float2(0.5, 0.5);
				float r2 = h.x * h.x + h.y * h.y;
				float f = 1.0 + r2 * (_distortion + _cubicDistortion * sqrt(r2));

				return f * _scale * h + 0.5;
			}
			fixed4 frag(v2f_img i) : COLOR
			{
//Get the colors from the RenderTexture and the uv's
				//from the v2f_img struct
				half2 distortedUV = barrelDistortion(i.uv);
				distortedUV = half2(i.uv.x, i.uv.y + (_RandomValue * _SinTime.z * 0.005));
				fixed4 renderTex = tex2D(_MainTex, i.uv);
				
				//Get the pixels from the Vignette Texture
				fixed4 vignetteTex = tex2D(_VignetteTex, i.uv);
				
				//Process the Scratches UV and pixels
				half2 scratchesUV = half2(i.uv.x + (_RandomValue * _SinTime.z * _ScratchesXSpeed),
										 i.uv.y + (_Time.x * _ScratchesYSpeed));
				fixed4 scratchesTex = tex2D(_ScratchesTex, scratchesUV);
				
				//Process the Dust UV and pixels
				half2 dustUV = half2(i.uv.x + (_RandomValue * (_SinTime.z * _dustXSpeed)), 
									i.uv.y + (_RandomValue * (_SinTime.z * _dustYSpeed)));
				fixed4 dustTex = tex2D(_DustTex, dustUV);
				
				// get the luminosity values from the render texture using the YIQ values.
				fixed lum = dot (fixed3(0.299, 0.587, 0.114), renderTex.rgb);

				
				//Add the constant color to the lum values
				fixed4 finalColor = lum + lerp(_SepiaColor, _SepiaColor +
											    fixed4(0.1f,0.1f,0.1f,1.0f), _RandomValue);
				finalColor = pow(finalColor, _Contrast);
				
				//Create a constant white color we can use to adjust opacity of effects
				fixed3 constantWhite = fixed3(1,1,1);
				
				//Composite together the different layers to create finsl Screen Effect
				finalColor = lerp(finalColor, finalColor * vignetteTex, _VignetteAmount);
				finalColor.rgb *= lerp(scratchesTex, constantWhite, (_RandomValue));
				finalColor.rgb *= lerp(dustTex.rgb, constantWhite, (_RandomValue * _SinTime.z));
				finalColor = lerp(renderTex, finalColor, _EffectAmount);
				
				return finalColor;
			}
	
			ENDCG
		}
	} 
	FallBack off
}



图片资源：

       

   vigentteTexture




scratchesTexture






<span style="font-size:14px;color:#FF6600;">dustTexture</span>

                                                                                             

                                                                                                                                

                                                                                                                 --------by wolf96







wolf96
关注
专栏目录
Unity Shaders——屏幕特效老电影效果（Old Movie Screen Effect）
御雪妃舞
11-04 4989
本文参考《Unity Shaders and Effects CookBook》。 很多时候我们游戏需要带入不同的场景，比如老电影的那种效果 像这种效果我们怎么实现呢？ 下面分析下结构图： 这也是这个效果的思路图，虚光照，尘土，划痕都是通过图片混合的，然后深褐色Shader直接处理，再让尘土和划痕的uv动起来，最终就能达到老电影的效果
Unity3D-Shader-复古电影荧幕特效
05-16 966
【旧博客转移 - 2015年12月6日 18:12】 今天用Shader做了一个复古荧幕效果，老电视机放映的感觉，写篇文章记录一下 原始图片： 没错，这就是电影《泰坦尼克号》的剧照。船撞到冰山上翻了，气温非常低，男主角杰克，找到了一块木板，让女主角睡在上面保住了性命，自己被冻成冰块沉入海底，还是蛮感人的。 实现原理...
Unity3d屏幕特效-摄像机特效插件-Camera Filter Pack
04-17
超强大的unity滤镜插件，雾效、模糊、色调等等
Shader创建老电影风格的屏幕特效
u012941657的博客
08-14 1634
Shader： Shader "Custom/EffectShader" { Properties { _MainTex ("Albedo (RGB)", 2D) = "white" {} _VignetteTex("Vignette Texture",2D)="white"{} _ScratchesTex("Scarthes Texture",2D)="white"{} _D
【Unity Shaders】游戏性和画面特效——创建一个老电影式的画面特效
weixin_33989058的博客
09-20 611
本系列主要参考《Unity Shaders and Effects Cookbook》一书（感谢原书作者），同时会加上一点个人理解或拓展。这里是本书所有的插图。这里是本书所需的代码和资源（当然你也可以从官网下载）。========================================== 分割线==========================================写在...
unity5.6 老电视屏幕效果
08-17
unity5.6 老电视花屏效果
UnityShader之屏幕特效基础
diaodengzhi0861的博客
12-05 640
1、什么是屏幕特效 我们这里讲的屏幕特效技术，指的是在渲染完整个场景后得到的屏幕图象的基础上，再对这个屏幕图像做一系列处理，实现出屏幕特效，使用这种技术可以为屏幕画面增添各种风格的艺术效果，比如泛光、景深、模糊等等。 2、unity实现屏幕特效的原理 如上所述，要实现屏幕特效，首先要抓取渲染完整个场景得到的屏幕图像，在unity中，提供了OnRenderImage函数，方便我...
Unity 照相机特效
01-11
1. **相机滤镜（Camera Filters）**：Camera Filter Pack是Unity的一个扩展包，它提供了多种预设的照相机特效，如模糊、色彩校正、光晕、老电影效果等。在4版本中，可能包含了更多优化和新功能。这些滤镜可以通过...
【Unity Shaders】使用Unity Render Textures实现画面特效——画面特效中的亮度、饱和度和对比度
candycat
09-17 1万+
本系列主要参考《Unity Shaders and Effects Cookbook》一书（感谢原书作者），同时会加上一点个人理解或拓展。这里是本书所有的插图。这里是本书所需的代码和资源（当然你也可以从官网下载）。========================================== 分割线 ==========================================写在前面
unity Shader 入门精要 EX
xinghaikongmeng的博客
10-19 4348
1、shader概念 Shader，中文名为着色器。 Shader其实就是专门用来渲染图形的一种技术，通过shader，我们可以自定义显卡渲染画面的算法，使画面达到我们想要的效果。 2、shader分类 Shader分为两类 ： 顶点Shader（3D图形都是由一个个三角面片组成的，顶点Shader就是计算每个三角面片上的顶点，并为最终像素渲染做准备）。 像素Shader，顾名思义，就是以像素为单位，计算光照、颜色的一系列算法。 几个不同的图形API都有各自的Shader语言 在DirectX中，顶点sha
老电影效果贴图素材
11-04
博客中老电影效果所需素材
Unity3D 脚本参考
热门推荐
02-01 1万+
Unity3D 脚本参考 核心提示：一、脚本概览这是一个关于Unity 内部脚本如何工作的简单概览。Unity 内 部的脚本，是通过附加自定义脚本对象到游戏物体组成的。在脚本对象内部不同志的函数被 特定的事件调用。最常用的列在下面：Update：这个函数在渲染一帧之前被调用，这里是大 部分游戏行为代码被执行的地方，除了物理代码。FixedUpd... 一、脚本概览 这是一个关于Unit
Unity3D 旧电视滤镜shader的实现
o83290102o5的博客
04-17 1621
实现思路 既然是要实现旧电视的后处理效果，那么只要回忆一下那些古旧的电视的显示效果然后进行模拟就可以了。 1.首先那种大头电视一般屏幕有一些曲率，并不是完全的一个平面，而且一般是向外凸起，这种凸起会造成中间的显示区域会比原来更近一些，边缘的显示区域会比原来更远一些。这种效果我们直接用简单的二次函数来实现。 2.那种老旧电视会有不断运动的噪声，我们直接使用噪声函数加上时间变量来实现。 3.屏幕上会有一些条纹效果，这种周期性的条纹效果一般用三角函数来实现。 当然不可能模拟的完全准确。。也没有完全准确一说。毕竟每
怀旧效果
qq_15796477的博客
09-21 404
图片怀旧效果的算法：  我们用颜色矩阵（ColorMatrix）来完成我们的怀旧效果。如果有不知道ColorMatrix的原理的话可以参考：Android学习笔记之图像颜色处理（ColorMatrix） 这就是那个颜色矩阵。我们可以利用上面的计算方法来改变我们的颜色矩阵的值从而达到我们想要的效果。 上面的计算方法可以转换为：    M =  在
探秘复古电视效果：RetroTVFX 开源项目
最新发布
gitblog_00022的博客
06-05 417
探秘复古电视效果：RetroTVFX 开源项目 在数字时代，我们享受着高清无损的视觉体验。然而，偶尔回溯过去，重温那些老电视机带来的独特韵味，也是一种独特的怀旧体验。这就是RetroTVFX的魅力所在——一个为Unity游戏开发者打造的，真实模拟老式电视效果的小巧而强大的shader集合。 项目地址:https://gitcode.com/GlaireDaggers/RetroTVFX 项目介绍 ...
Unity Shader——夜晚视觉屏幕特效（night vision Screen Effect）
御雪妃舞
11-04 9421
本文参考《Unity Shaders and Effects CookBook》。 这一篇夜晚视觉的效果跟上篇的老电影特效效果很类似，首先看下什么是夜晚视觉的效果： 分析下操作思路： 需要的图片素材如下： 下面的脚本处理跟前面的几篇一样的模式，一个shader一个cs脚本： Shader脚本： Shader
相机标定
weixin_44989256的博客
05-23 631
相机标定简介相机坐标系 转换到 图像坐标系小孔成像模型与坐标系像主点的偏移相机的旋转畸变（distortion）公式的总结相机标定代码运行结果 简介 相机标定(Camera calibration)就是要通过一定的方法对特定图像（棋盘格角点检测）计算出这个相机本身的一些参数，包括：内参矩阵A，外参矩阵[R|T]、畸变系数。 内参矩阵各元素意义：一个像素的物理尺寸dx和dy，焦距f，图像物理坐标的扭曲因子gama，图像原点相对于光心成像点的的纵横偏移量cx和cy（像素为单位）。 外参矩阵：世界坐标系转换到相机
unity3d老电视花屏闪烁效果
shenmifangke的专栏
08-17 6618
找到一般都是全屏的闪烁效果 于是就改了一个shader可以用到模型上的 另外添加了一些控制参数 Shader "Custom/Screen" { Properties{ _MainTex("贴图", 2D) = "white" {} _TimeScale("花屏速度" , Range(0.0001, 2.0)) = 1.0 } SubShader{ Tag
【原创】点点鼠标在Unity3D中实现准电影级镜头感渲染效果
Gamebaby Rock Sun的博客
10-10 3648
  学习和使用Unity3D也有个把月的时间了，得益于十多年来对3D图形算法及游戏编程的不懈努力学习，上手Unity3D我居然只用了1晚的时间，这不是夸张的说法。我只能用一句话来形容我当时的感觉：众里寻他千百度，蓦然回首，那人却在，灯火阑珊处。 如果你问我最好的3D游戏引擎是什么，我不一定能给你满意的回答，这就像你问我世界上谁最美？什么编程语言最好一样，我基本没法给你答案，但是如果你问我上手最...
Unity3D 刀光剑影特效：Trail Arc Renderer实现
"Trail Arc Renderer 是一个专为Unity3D设计的特效组件，主要用于实现动态的刀光剑影效果。它能够追踪父对象的路径，并在保存的点之间创建流畅的弧形轨迹。用户可以自定义保存点之间的距离，以此来控制插值的精确度...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值