首页 > 其他分享 >Shader实现模糊效果

Shader实现模糊效果

时间:2024-01-30 15:46:55浏览次数:20  
标签:模糊 效果 均值 Shader 像素 像素点 图片

模糊效果一直是游戏当中用的比较多的,比如一些景深啊,FPS游戏震屏时的模糊,还有些剧情跳转都用到了模糊效果。我们在unity中可以使用Shader来处理模糊效果。一般我们有两种模糊方式,一种是比较简单直接的均值模糊,一种是比较高级当然也有些难度的高斯模糊。简单方式有它的缺陷,难的方式也有它更好的体现效果。我们今天就先给大家用均值模糊来做一个案例。话不多说,先上效果图,原理接下来再说。

 

 

这是经过均值模糊后的效果,其实效果还行,最基本的模糊是有了,但是总感觉差了点味道,有种像近视眼的样子。均值模糊操作简洁明了,效果当然会打折扣。不过差强人意。接下来我们来说下这个原理。

这个均值模糊的原理其实很简单,就是直接用周围的像素求和取平均值。我们取一个点,然后拿到它周围的九个点。然后每个点的像素权重就是1 / 9了,这就是均值模糊了。是不是很简单,然后我们上代码看看。.

 

 

 

核心点就这两个函数了,值得注意的一个点就是_MainTex_TexelSize了,这个是啥呢?它的作用就是得到纹理的像素相关大小。比如它的X值是1/width,Y是1/height,Z是width,w是height;这个点还是非常关键的,需要留心。然后最终就进行采样就行。这个是最简单的模糊方式。为啥均值这些像素就能让图片模糊呢?其实这还是要说下我们正常的图片了,正常贴图片的时候。我们图片的每个像素点过渡是非常大的。那么如果像素点之前过渡的不是很明显的话,就会模糊图片了。所以我们用均值来操作某些像素点。让他们都相差不大,这样就能让图片模糊了。好了,本次的分享就到这里了

 

标签:模糊,效果,均值,Shader,像素,像素点,图片
From: https://www.cnblogs.com/rainy1unity/p/17997241

相关文章

  • Unity5.x shader打包AssetBundle总结
    unity5.x  shader打包AssetBundle总结最近比较忙,好久没有更新博客了,新项目切换到unity5.x后使用了新的打包机制,在打包shader的时候遇到了一些问题,这里来记录一下吧。 在上一个项目中,我们使用unity4.7,对于shader并没有进行依赖打包,而是由unity打包到了每个用到的AssetBundle......
  • swiper实现滚动效果
    css.swiper-wrapper{-webkit-transition-timing-function:linear;/*之前是ease-out*/-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;......
  • 前端比较好的效果
    1.C:\Users\lenovo\Desktop\interestingCSS-main\20_按钮点击波纹效果\代码.html2.C:\Users\lenovo\Desktop\interestingCSS-main\8_四周线条环绕流动效果\代码.html3.C:\Users\lenovo\Desktop\interestingCSS-main\21_鼠标悬浮按钮边框线条动画效果\代码.html4.C:\Users\l......
  • 建筑效果图渲染制作周期是多久
    建筑效果图的渲染制作周期会根据多种因素而变化,包括项目的复杂性、渲染的详细程度、分辨率要求、场景中的元素数量和复杂度、以及项目所需的修改和迭代次数等。通常,简单的建筑效果图可能在几个工作日内完成,而大型或高度复杂的项目可能需要几周甚至几个月的时间。一、建筑效果图......
  • 「效果图渲染」怎么用VRay渲染逼真的物理模型
    使用V-Ray渲染出逼真的物理模型首先要注重材质和光照的真实性。精细调整材质属性,如反射、透明度和质感,确保它们与现实世界中物质的特性相一致。接下来,布置合适的光源,模拟自然光线的行为,创建真实的光影效果。通过这两个基本步骤,即可开始打造高度逼真的三维渲染作品。VRay渲染室内......
  • scss 走马灯效果(兼容微信小程序)
    <template><viewclass="marquee"><viewclass="marquee-inner"><spanv-for="(item,index)oftextList":key="index">{{item.text}}</span><!--复制一份内容-->......
  • iOS ARKit 光照效果之光源
    光照   在现实世界中,光扮演了极其重要的角色,没有光万物将失去色彩,没有光世界将一片漆黑。在3D数字世界中亦是如此,3D数字世界本质上是一个使用数学精确描述的真实世界复本,光照计算是影响这个数字世界可信度的极其重要的因素。光源   顾名思义,光源即是光的来源,常见......
  • [office] 在excel中怎么设置形状发光效果-
    形状的发光设置可以提高excel表格的美化效果,其中主要依靠预设的发光效果来实现。下面小编就为大家介绍在excel中怎么设置形状发光效果方法,不会的朋友快快来学习吧!方法/步骤首先我们打开一个样表作为例子。插入一个形状,这里插入的形状可以自选,我选择的是一个三角形状。进入形状格式......
  • (11)lazarus带历史记忆,并模糊带出功能的Edit
    procedureTForm1.Edit1KeyDown(Sender:TObject;varKey:Word;Shift:TShiftState);beginif(key=40)and(listbox2.Items.Count>0)andlistbox2.Visiblethenbegin//defines.icnVK_DOWN=40;ListBox2.SetFocus;ListBox2.ItemIndex:=0;......
  • JavaScript 实现点击爱心效果
    可放在网页任何位置,以下是代码:<script>(function(e,t){functionr(){s=s.filter((e)=>{e.alpha<=0?(t.body.removeChild(e.el),e=null):(e.y--,e.scale+=.004,e.alpha-=.013,e.el.style.cssText=`left:${e.x}px;top:${e.y}px;opac......