【Shader】CocosCreator 模糊效果 (毛玻璃)


cocos版本:2.4.4

参考:

《江南百景图》PPT

高品质后处理:十种图像模糊算法的总结与实现

高斯模糊Shader-陈皮皮

基于线性采样的高效高斯模糊实现(译)   实现

基于 RenderTexture 实现多 Pass 的 Kawase Blur-陈皮皮

 

游戏中可能会用到模糊效果,例如打开一个界面后, 将底下的UI进行模糊处理,如下图《剑与远征》的游戏截图。

 

 

 

《江南百景图》PPT谈到模糊效果,他们最终采用的是Kawase Blur。

 

根据论坛水友陈皮皮提供的模糊demo(基于 RenderTexture 实现多 Pass 的 Kawase Blur-陈皮皮) 对《剑与远征》截图进行模糊。

 

图1和图2是《剑与远征》的原游戏截图

图3 使用陈皮皮Demo的Kawase Blur模糊处理过的图1,对比起来模糊效果已经十分接近了。

 

所以如果项目中有毛玻璃效果的需求,可以去下载陈皮皮的demo来实现。(基于 RenderTexture 实现多 Pass 的 Kawase Blur-陈皮皮

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM