当前位置: 首页 > 编程笔记 >

UnityShader使用图像叠加实现运动模糊

云伯寅
2023-03-14
本文向大家介绍UnityShader使用图像叠加实现运动模糊,包括了UnityShader使用图像叠加实现运动模糊的使用技巧和注意事项,需要的朋友参考一下

本文实例为大家分享了UnityShader实现运动模糊的具体代码,供大家参考,具体内容如下

1.此代码挂在摄像机上,使摄像机运动起来

using UnityEngine;
using System.Collections;
 
public class Translating : MonoBehaviour {
 
 public float speed = 10.0f;
 public Vector3 startPoint = Vector3.zero;
 public Vector3 endPoint = Vector3.zero;
 public Vector3 lookAt = Vector3.zero;
 public bool pingpong = true;
 
 private Vector3 curEndPoint = Vector3.zero;
 
 // Use this for initialization
 void Start () {
 transform.position = startPoint;
 curEndPoint = endPoint;
 }
 
 // Update is called once per frame
 void Update () {
 transform.position = Vector3.Slerp(transform.position, curEndPoint, Time.deltaTime * speed);
 transform.LookAt(lookAt);
 if (pingpong) {
 if (Vector3.Distance(transform.position, curEndPoint) < 0.001f) {
 curEndPoint = Vector3.Distance(curEndPoint, endPoint) < Vector3.Distance(curEndPoint, startPoint) ? startPoint : endPoint;
 }
 }
 }
}

2.此代码挂在摄像机上

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
 
public class MotionBlur : PostEffectsBase
{
 
 public Shader MotionBlurShader;
 private Material _motionBlurMaterial = null;
 
 public Material Material
 {
  get
  {
   _motionBlurMaterial = CheckShaderAndCreateMaterial(MotionBlurShader, _motionBlurMaterial);
   return _motionBlurMaterial;
  }
 } 
 
 //定义运动模糊在混合图像时使用的模糊参数,值越大,拖尾越明显,但过大会完全替代当前帧的渲染结果,所以最大为0.9
 [Range(0.0f, 0.9f)] public float BlurAmount = 0.5f;
 
 //定义一个RenderTexture类型的变量,保存之前图像叠加的结果
 private RenderTexture _accumulationTexture;
 //当脚本不运行时,立即销毁,这样在下一次开始运行时会重新叠加图像
 void OnDisable()
 {
  DestroyImmediate(_accumulationTexture);
 }
 
 void OnRenderImage(RenderTexture src, RenderTexture dest)
 {
  if (Material != null)
  {
   //判断用于混合图像的_accumulationTexture是否为空,或者是否与当前屏幕分辨率相等
   //如果不满足,需要重新创建
   if (_accumulationTexture == null || _accumulationTexture.width != src.width ||
    _accumulationTexture.height != src.height)
   {
    //立即销毁当前_accumulationTexture
    DestroyImmediate(_accumulationTexture);
    //创建一个与当前屏幕分辨率相等的
    _accumulationTexture = new RenderTexture(src.width, src.height, 0);
    //由于我们自己控制这个变量的销毁,所以不需要他显示在Hierarchy中,也不需要保存在场景中
    _accumulationTexture.hideFlags = HideFlags.HideAndDontSave;
    //使用当前的帧图像初始化_accumulationTexture
    Graphics.Blit(src, _accumulationTexture);
   }
 
   //对渲染纹理进行恢复操作,发生在渲染的纹理而该纹理又没有被提前清空或销毁的情况下
   //运动模糊每次调用OnRenderImage函数,都需要把当前纹理与_accumulationTexture中的图像混合,所以_accumulationTexture不需要被提前清空
   _accumulationTexture.MarkRestoreExpected();
 
   //将参数传给材质
   Material.SetFloat("_BlurAmount", 1.0f - BlurAmount);
 
   //把当前的屏幕图像叠加到_accumulationTexture
   Graphics.Blit(src, _accumulationTexture, Material);
   //把叠加后的图像输出到屏幕
   Graphics.Blit(_accumulationTexture, dest);
  }
  else
  {
   Graphics.Blit(src, dest);
  }
 }
}

3.此Shader赋值给代码2

Shader "Unity Shaders Book/Chapter 12/MotionBlur"
{
 Properties
 {
 _MainTex ("Base (RGB)", 2D) = "white" {}
  //混合系数
 _BlurAmount("Blur Amount", Float) = 1.0
 }
 SubShader
 {
 CGINCLUDE
 #include "UnityCG.cginc"
 
 sampler2D _MainTex;
 fixed _BlurAmount;
 
 //定义顶点着色器
 struct v2f {
 float4 pos : SV_POSITION;
 half2 uv : TEXCOORD0;
 };
 
 v2f vert(appdata_img v) {
 v2f o;
 o.pos = UnityObjectToClipPos(v.vertex);
 o.uv = v.texcoord;
 return o;
 }
 
 //定义第一个片元着色器,用于更新渲染纹理的RGB通道部分
 fixed4 fragRGB(v2f i) : SV_Target{
 //将A通道的值设为_BlurAmount,这样在后面混合时可直接使用透明通道进行混合
 return fixed4(tex2D(_MainTex, i.uv).rgb, _BlurAmount);
 }
 
 //定义第二个片元着色器,用于更新渲染纹理的A通道部分
 half4 fragA(v2f i) : SV_Target{
 //直接返回采样结果,为了维护渲染纹理的透明通道值,不让其受到混合时使用的透明度值的影响
 return tex2D(_MainTex, i.uv);
 }
 
 ENDCG
 
 ZTest Always Cull Off Zwrite Off
 //第一个Pass,用于更新渲染纹理的RGB通道
 Pass
 {
 Blend SrcAlpha OneMinusSrcAlpha
 ColorMask RGB
 CGPROGRAM
 #pragma vertex vert
 #pragma fragment fragRGB
 ENDCG
 }
 
 //第二个Pass,用于更新渲染纹理的A通道
 Pass
 {
 Blend One Zero
 ColorMask A
 CGPROGRAM
 #pragma vertex vert
 #pragma fragment fragA
 ENDCG
 }
 }
 Fallback Off
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍UnityShader使用速度映射图实现运动模糊,包括了UnityShader使用速度映射图实现运动模糊的使用技巧和注意事项,需要的朋友参考一下  本文实例为大家分享了UnityShader实现运动模糊的具体代码,供大家参考,具体内容如下 原理: 像素的当前帧的NDC坐标(x,y值由uv映射而来,z值由深度值映射而来)——(使用_CurrentViewProjectionInvers

  • 问题内容: 我想使用CSS将一个图像与另一个图像叠加。例如,第一张图片(如果您喜欢,可以是背景)将是产品的缩略图链接,该链接会打开一个灯箱/弹出窗口,显示该图片的较大版本。 在此链接的图像之上,我想要一个放大镜图像,以向人们展示可以单击该图像将其放大(显然,如果没有放大镜,这是不明显的)。 问题答案: 我只是在一个项目中做完了这件事。HTML端看起来像这样: 然后使用CSS: 我在CSS上留下了很

  • 我正在尝试使用不同的应用程序附加图像,代码如下: 附加的图像是使用以下代码生成的: 但当我试图打开GMAIL与此意图,只有文本显示应用程序与错误:. 我错过了什么? 编辑 这是另一个解决方案:android。操作系统。FileUrieExposedException:文件。jpg通过ClipData曝光了app之外的内容。项目getUri()

  • 我正在尝试以一种懒散的方式在我的网站上显示几个图像,我尝试了两种选择: 备选案文1: 备选案文2: 两者都可以正常工作,“myimage.jpg”需要一点时间才能加载。然而,在最终加载之前,浏览器显示的第一个图标是丑陋的“无图像”图标。对于第二个,我花费资源加载'fuzzy.jpg'图像。是的,它的大小只有5-kb,但我想知道是否有一种SEO友好的方法,只显示(例如)浏览器创建的带有CSS背景色属

  • 加载图片 加载图片 插图和照片可以在排列时以三种相位进行加载和转换,而不仅仅依赖于透明度转换。结合透明度、曝光度以及饱和度变化来满足你的需求。 曝光度为低对比度以及低饱和度进行调整。一旦透明度达到 100%,会达到全色饱和度。 低对比效果结合 gamma 和 black output(专为黑色图片)的转换。 加载图片时的透明度、曝光度以及饱和度建议 透明度:0% 开始,100% 结束 曝光度:Ga

  • 问题内容: 当有人通过我的应用程序工作时,我正在尝试在后台加载图像。我写的逻辑是这样的: 但是,当我尝试启动这样的新线程时: 但是在程序中我得到错误Looper.prepare必须被调用,随后是逻辑looper.quit() 但是,当我添加Looper.prepare()时,似乎中断了程序,并且没有要调用的looper.quit()。 我是否正确创建任务? 编辑: 这是我尝试运行时的错误日志: 我