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
}

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

(0)

相关推荐

  • Unity shader实现高斯模糊效果

    本文实例为大家分享了Unity shader实现高斯模糊效果的具体代码,供大家参考,具体内容如下 正常图: 高斯模糊效果图: shader代码: Shader "Custom/GaoSiMoHu" { Properties { _MainTex ("Texture", 2D) = "white" {} _BlurSize("Blur size",Float)=1.0 } SubShader { ZTest Always cul

  • Unity3D UGUI特效之Image高斯模糊效果

    这几天研究了下模糊特效,看了很多文章,其原理就是拿取图片或屏幕数据,然后将周围的元素和目标位置的颜色值进行一个融合计算,然后自己写了一个小小的测试程序. 这个模糊也可以分成两种,一个是自身模糊,一个是从屏幕上取值进行模糊.第一个用于一些小的列表展示,比如未解锁时,是模糊的.第二个是凸显弹框效果的,将背景都模糊掉,自己将这个稍微加强了些可以指定模糊一个位置. 针对移动平台,使用高斯模糊,其实效率不是很高,如果要很好的效果,那么速度卡:如果要速度快,那么效果达不到要求.但是还是在这里记录下,兴许以后

  • 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 =

  • UnityShader使用速度映射图实现运动模糊

    本文实例为大家分享了UnityShader实现运动模糊的具体代码,供大家参考,具体内容如下 原理: 像素的当前帧的NDC坐标(x,y值由uv映射而来,z值由深度值映射而来)--(使用_CurrentViewProjectionInverseMartix变换,并除以w分量)-- 像素的世界坐标 --(使用_PreviousViewProjectionMatrix变换,并除以w分量)-- 像素的前一帧的NDC坐标 -- (当前帧NDC-前一帧NDC)-- 速度 1.此代码挂在摄像机上,使摄像机运动起

  • Opencv+Python实现图像运动模糊和高斯模糊的示例

    运动模糊:由于相机和物体之间的相对运动造成的模糊,又称为动态模糊 Opencv+Python实现运动模糊,主要用到的函数是cv2.filter2D(): # coding: utf-8 import numpy as np import cv2 def motion_blur(image, degree=12, angle=45): image = np.array(image) # 这里生成任意角度的运动模糊kernel的矩阵, degree越大,模糊程度越高 M = cv2.getRotat

  • Python imgaug库安装与使用教程(图片加模糊光雨雪雾等特效)

    目录 简介 安装 Overview 特效 Project 结构 程序 参考的源代码(来源于网络) 简易变换 试效果 使用 模糊光雨雪雾 else 重命名00001.jpg 重命名1.jpg 效果图 简介 imgaug:机器学习实验中的图像增强库,特别是卷积神经网络.支持以多种不同方式增强图像.关键点/地标.边界框.热图和分割图. 安装 在anaconda prompt里进行 pip install imgaug 看了几篇文章,出错的话可以先安装依赖库shapely Overview 特效 官网网

  • python实现逆滤波与维纳滤波示例

    构建运动模糊模型 现假定相机不动,图像f(x,y)在图像面上移动并且图像f(x,y)除移动外不随时间变化.令x0(t)和y0(t)分别代表位移的x分量和y分量,那么在快门开启的时间T内,胶片上某点的总曝光量是图像在移动过程中一系列相应像素的亮度对该点作用之总和.也就是说,运动模糊图像是由同一图像在产生距离延迟后与原图像想叠加而成.如果快门开启与关闭的时间忽略不计,则有: 由于各种运动都是匀速直线运动的叠加,因而我们只需考虑匀速直线运动即可.但由于我们自身水平有限,且旨在探讨找到实现运动模糊复原方

  • iOS常用的公共方法详解

    1. 获取磁盘总空间大小 //磁盘总空间 + (CGFloat)diskOfAllSizeMBytes{ CGFloat size = 0.0; NSError *error; NSDictionary *dic = [[NSFileManager defaultManager] attributesOfFileSystemForPath:NSHomeDirectory() error:&error]; if (error) { #ifdef DEBUG NSLog(@"error: %

  • PHP Imagick完美实现图片裁切、生成缩略图、添加水印

    本文实例讲解了PHP使用Imagick 裁切.生成缩略图.添加水印自动检测和处理,支持gif,分享给大家供大家参考,具体内容如下 调用方式: include 'imagick.class.php'; $image = new lib_image_imagick(); $image->open('a.gif'); $image->resize_to(100, 100, 'scale_fill'); $image->add_text('1024i.com', 10, 20); $image-

  • php_imagick实现图片剪切、旋转、锐化、减色或增加特效的方法

    本文实例讲述了php_imagick实现图片剪切.旋转.锐化.减色或增加特效的方法.分享给大家供大家参考.具体分析如下: 一个可以供PHP调用ImageMagick功能的PHP扩展.使用这个扩展可以使PHP具备和ImageMagick相同的功能. ImageMagick是一套功能强大.稳定而且免费的工具集和开发包,可以用来读.写和处理超过185种基本格式的图片文件,包括流行的TIFF, JPEG, GIF, PNG, PDF以及PhotoCD等格式.利用ImageMagick,你可以根据web应

  • PHP 使用 Imagick 裁切/生成缩略图/添加水印自动检测和处理 GIF

    给骨头系统开发的图像库的 imagick 部分 ,支持 gif , 完美支持裁切.生成缩略图.添加水印 . 支持按方位生成缩略图像, 如: // 把左上角优先 $image->resize_to(100, 100, 'north_west'); // 右边优先 $image->resize_to(100, 100, 'east'); ... 更多参数看源代码 原图 效果图: 调用方式: include 'imagick.class.php'; $image = new lib_image_im

  • php使用imagick模块实现图片缩放、裁剪、压缩示例

    PHP 使用Imagick模块 缩放,裁剪,压缩图片 包括gif图片 缩放 裁剪 复制代码 代码如下: /**  * 图片裁剪  * 裁剪规则:  *   1. 高度为空或为零   按宽度缩放 高度自适应  *   2. 宽度为空或为零  按高度缩放 宽度自适应  *      3. 宽度,高度到不为空或为零  按宽高比例等比例缩放裁剪  默认从头部居中裁剪  * @param number $width  * @param number $height  */ public function

随机推荐