简单的运动模糊效果实现

当一个物体快速移动的时候, 人眼会感觉它变模糊. 同样的现象在电影和照片上也存在. 产生这种现象的原因是人眼并不是无限快地接收信息的, 而是每隔一段很短的时间” 截取” 一幅画面。如果物体移动的速度超过了人眼捕获画面的速度, 那么物体会呈现条纹效果.

了解现实世界中的效果有助于我们用计算机去实现它. 理想的方法是判断每个像素在相邻两帧之间移动的速度, 跟据这个信息再来进行处理. 这个方案是可行的, 但是有点复杂. 另一种方法就是将当前帧的画面跟上一帧的画面进行混合, 并不考虑物体的移动速度. 这只是一种近似效果, 并在如今的视频游戏中得到了广泛的应用.

实现运动模糊屏幕效果有两方面的目的: 一是为了模拟现实中的运动模糊二是它可以减轻渲染中的锯齿效果, 特别是在硬件不支持反锯齿的情况下, 这是一个廉价的替代方案.

实现原理:

1.先将场景渲染到一个RenderTarget1上

2.将RenderTarget1跟上一帧渲染的结果进行混合, 并输出到RenderTarget2

3.将RenderTarget2输出到屏幕, 并将其保留到下一帧进行混合

详见下图:

Shader 实现

两个Pass

Teapot Pass将场景正常渲染到BaseSceneRT上.

BlurPass进行混合, 输出到BluredRT, 注意同时这里BluredRT做为Texture1输入上一帧的结果所以设置在渲染时不进行清除操作.

混合时需要一个比例值blur_factor进行插值, 在这里我设置为0.5

PixelShader代码:

sampler2D Texture0;

sampler2D Texture1;

float blur_factor;

float4 ps_main( float2 texCoord : TEXCOORD0 ) : COLOR

{

float4 color1 = tex2D( Texture0, texCoord );

float4 color2 = tex2D( Texture1, texCoord );

// 插值

return lerp( color1, color2, blur_factor );

}

最后把BluredRT输出到屏幕即可(按说这里应该再加一个Pass的, 我偷懒, 直接把BluredRT显示到窗口上看效果了)

快速拖动物体, 可以看到效果了^_^:

简单的运动模糊效果实现相关推荐

UG模具：简单的运动仿真！只需七步，就让轮子转起来！
UG模具:简单的运动仿真!只需七步,就让轮子转起来! 今天带大家了解一下UG中的运动仿真,如下图,让轮子转起来(这个轮子自己画一下即可).很简单的操作,看完这七步,你也可以在UG中做些简单的运动仿真了 ...
超简单Shader 实现模糊效果
今天分享一个超简单实现模糊效果的方法,先上图: 核心代码就这句: 注意要在3.0以上的版本才能使用在采样后做偏移采样再叠加,效果与下面的代码类似: float4 frag(v2f o):SV_TAR ...
滤镜CIFilter简单处理（模糊效果，旧色调处理）
简单创建CIFilter 没有专业处理, 仅能达到简单的模糊效果,效果如图 (1)原图 (2)旧色调处理效果 (3)模糊处理简单的代码结果如下 // // ViewController.m // ...
RenderScript：简单实现动态模糊效果
见过很多毛玻璃的效果,当然也有很多实现毛玻璃效果的方法,这是写的一个毛玻璃效果的小例子,简单记录下思路: 动态设置模糊效果,可以看成是两张图片的叠加,通过设置其中一张图片的透明度,从而实现动态模糊的 ...
手抖有救了！DeblurGAN消除运动模糊效果惊人 | 附论文+代码
置身异国街道,感受着陌生环境里熙熙攘攘的街道,你掏出手机想留住这一刻. 好嘞,一.二.三,咔嚓. 由于行人和车辆都在运动,再加上你的手稍微抖了一抖,照片中的景象是这样的-- 这样的-- 和这样的-- ...
拍照手抖有救了！DeblurGAN消除运动模糊效果惊人 | 附论文+代码
安妮编译自 ArXiv 量子位出品 | 公众号 QbitAI 十图九糊. 置身异国街道,感受着陌生环境里熙熙攘攘的街道,你掏出手机想留住这一刻. 好嘞,一.二.三,咔嚓. 由于行人和车辆都在运动, ...
用MATLAB做简单的运动模糊
clear all I=imread('cameraman.tif'); subplot(121);imshow(I); xlabel('(a)原始图像');%x轴标签 len=35;%设置运动位移为 ...
DeblurGAN消除运动模糊效果惊人
安妮编译自 ArXiv 量子位出品 | 公众号 QbitAI 十图九糊. 置身异国街道,感受着陌生环境里熙熙攘攘的街道,你掏出手机想留住这一刻. 好嘞,一.二.三,咔嚓. 由于行人和车辆都在运动, ...
Unity URP运动模糊效果Shader
实现原理见这篇文章Unity Shader-深度相关知识总结与效果实现(LinearDepth,Reverse Z,世界坐标重建,软粒子,高度雾,运动模糊,扫描线效果)_puppet_master的 ...

简单的运动模糊效果实现

简单的运动模糊效果实现相关推荐

最新文章

热门文章