【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