效果
实时预览页面
如图,这个功能其实比较常用,但是之前引擎没有比较好的实现方法
2.1.1更新以后,借助自带的材质和shader结合摄影机的 targetTexture
功能,实现起来就比较容易了,具体代码请参考:
自带中文注释,代码加起来不过200行,还是比较好懂的,模糊的shader参考了
https://github.com/ShawnZhang2015/ShaderHelper/blob/master/assets/shader/GaussBlurs.js
以后等材质更加成熟后,可以想加任何效果都可以。
你也可以手动替换 Blur.effect
中的代码来实现你想要的效果。
每帧进行渲染并没有发现明显的帧数降低,所以性能应该说得过去。
2019-05-09 更新
- 修复手机无法正常显示的bug
- 略微优化了性能
2019-05-10 更新
- 现在不在Mask节点包围盒以内的背景将不会被模糊,局部打码不是梦。
- 现在可以排除不需要渲染模糊的对象。
- 大幅优化了性能。
- 支持自定义渲染参数,可以指定模糊程度和亮度。