3.8.4 后处理实现弹窗毛玻璃（模糊）背景效果

Creator 3.x
#1

引用
Cocos Creator 3.8 后期效果 Shader 编写（1/2） 基础篇
Cocos Creator 3.8 后期效果 Shader 编写（2/2） 进阶篇

大佬的这两篇文章，写的很详细了，可以实现模糊效果，但是在此基础上应该如何应用到弹框中，我做了以下尝试：

  1. 将弹窗抽到一个独立的Canvas下，使用独立的Layer，调高该Canvas下相机节点的Priority。

  2. 在显示/隐藏弹框的时候修改后处理相机的usePostProcess属性值。

以上就可实现效果。
image

#2

666，大佬，能给个demo吗

#3

https://github.com/liu-y-d/popup_blur_demo
简单写了一个，你看一下

#4

感谢，学习了 :grin: :love_you_gesture:

#5

我试了下手机好像会发烫，你也可以试试

#6

好的，高斯可能对计算负荷较高，后面换成kawase模糊试试

#7

为什么我第一次弹窗背景模糊是正常的，第二次打开模糊就不明显了

#8

dashboard 登不上了，一会我看看

#9

image 模糊效果看着没啥问题呀

#10

我的引擎版本是3.8.3

#11

复现了，我猜测是引擎问题，大佬文章评论区有人反馈3.8.3版本问题但是没得到反馈https://forum.cocos.org/t/topic/151046/13

#12

那你让官方他们去看看 排查

#13

实时高斯模糊确实很耗性能，因为要采样很多次才能达到满意效果