screen-post-processing-effets

准备工作

使用 cocos creator 2.4.6 打开项目

使用方法

点击弹窗按钮就会创建一层截图弹窗出来,然后点击弹窗任意位置即可关闭弹窗,real-time rendering 模式下,创建多个弹窗后,会因为 material 计算过大引起掉帧,一般实际使用只会存在一层动态模糊。

static render 截图屏幕后处理效果

  采用 摄像机截图(getRenderTexture) -> 应用高斯模糊(or other material)-> 截图( reRenderNode ) 生成 texture 应用到弹窗底图。
同时如果存在多个弹窗,可以补全 getRecycleShotTexture 函数判断是否存在可重复利用的 renderTexture ,从而减少摄像机截图带来的性能开销。

real-time 截图模糊效果

  每帧进行截图,并应用模糊 material ,打到实时模糊效果,开销比静态截图大,可以根据实际情况选择静态截图还是实时截图,同时也可以根据具体机型性能来调整截图的频率

TODO

  • 补全 _cullNode 函数的调用时机。

Update

  • 2021/10/21 新增波浪进度条
  • 2021/12/09 新增箭头动画

这个项目已经逐渐沦为各种效果的合集了,抽时间再好好整理一下,用不同的分支来管理项目。