yuluos / cocos-creator-blur-mask

cocos creator实现背景模糊的效果

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Cocos Creator 实现背景模糊效果

用于凸显前景,让背景模糊并降低亮度

版本

针对Cocos Creator 2.1.1 及以上。

效果

效果

在线预览

https://wheatup.github.io/blur-effect/


更新日志

2019-09-03

  • 修复了与 Mask 对象并用时模糊失效的问题。

2019-05-27

  • 排除对象现在也会排除其所有子物体。

2019-05-10

  • 现在不在BlurMask节点包围盒以内的背景将不会被模糊,局部打码不是梦。
  • 现在可以排除不需要渲染模糊的对象。
  • 大幅优化了性能。
  • 支持自定义渲染参数,可以指定模糊程度和亮度。

2019-05-09

  • 修复手机无法正常显示的bug

  • 略微优化了性能

  • Fixed a bug that it might not work correctly on mobile devices.

  • Slightly increased the performance.


Backdrop Blur for Cocos Creator

Blur and dim the backdrop for highlighting the foreground(such as an alert box).

Target Version

For Cocos Creator 2.1.x and above.

Preview

Preview

Live Preview

https://wheatup.github.io/blur-effect/


Change Logs

2019-09-03

  • Fixed a bug that the BlurMask doesn't work when a node with Mask component also exists.

2019-05-27

  • The children of excluded nodes will also be ignored.

2019-05-10

  • Now the content outside of the bounding box of the BlurMask not will not be affected.
  • You can now exclude nodes that the renderer will ignore them.
  • Drastically increased the performance.
  • Cusomizable rendering attributes, you can now adjust the blurriness and brightness of the mask.

2019-05-09

  • Fixed a bug that it might not work correctly on mobile devices.
  • Slightly increased the performance.

About

cocos creator实现背景模糊的效果

License:MIT License


Languages

Language:JavaScript 77.7%Language:TypeScript 22.3%