Giter Site home page Giter Site logo

cocos-creator-blur-mask's Introduction

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.

cocos-creator-blur-mask's People

Contributors

wheatup avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.