/CocosFilter

cocoscreator2d滤镜,拥有模糊,红绿蓝,灰度,黑白,反色以及马赛克。

Primary LanguageJavaScript

CocosFilter

cocoscreator2d滤镜: 目前支持:模糊,红绿蓝,灰度,黑白,反色以及马赛克几种。 使用demo: 需要使用filter地方,只需要将Fliter引入,并且使用相应的方法即可,如:

import Filter from './Filter';

cc.Class({ extends: cc.Component, properties: {

},
onLoad() { },
start() {
    let filter=new Filter(this.node.getComponent(cc.Sprite));  //实例化filter,接收一个sprite精灵
    filter.mosaic(canvas=>{
        //成功以后,重新转换canvas为贴图并且设置到当前的精灵对象即可
        var texture = new cc.Texture2D();
        texture.initWithElement(canvas);
        texture.handleLoadedTexture();
        var newFrame = new cc.SpriteFrame(texture);
        this.node.getComponent(cc.Sprite).spriteFrame = newFrame;
    },3)
},
update(dt) { },

});

源码方法说明:

Filter.grayScale:表示灰度;

*params:

  • callBack:回调函数

Filter.antiColor:表示反色;

*params:

  • callBack:回调函数

Filter.blankWhite:表示黑白;

*params:

  • callBack:回调函数

Filter.greenRedBlue:表示红绿蓝其中一种;

*params:

  • callBack:回调函数
  • type:1|2|3,default:1,表示绿蓝红的其中一个

Filter.vague:表示模糊;

*params:

  • callBack:回调函数
  • blur:default:1,表示模糊尺度

Filter.mosaic:表示马赛克效果;

*params:

  • callBack:回调函数
  • size:default:1,马赛克块的大小