LayaBox -- 使用滤镜实现图片黑白效果

项目中，如果我们想讲一个还没有购买的任务隐藏掉，抹掉他的色彩或者直接将其设置为黑色，LayaBox中给我们提供了一种滤镜的功能可以实现上面的要求。

/*** 将角色设置为灰色的。*/private grayingRole(roleImg: Laya.Image): void {//由 20 个项目（排列成 4 x 5 矩阵）组成的数组，灰图var grayscaleMat: Array<number> = [0.3086, 0.6094, 0.0820, 0, 0, 0.3086, 0.6094, 0.0820, 0, 0, 0.3086, 0.6094, 0.0820, 0, 0, 0, 0, 0, 1, 0];//创建一个颜色滤镜对象，灰图var grayscaleFilter: ColorFilter = new ColorFilter(grayscaleMat);// 灰度猩猩roleImg.filters = [grayscaleFilter];}

将灰色的图改成正常色彩，可以用下面的方法：

roleImg.filters = null;

同样的我们可以给一张图片设置多个滤镜效果，这样可以实现出阳光下，阴天，等等各种特效。

LayaBox -- 使用滤镜实现图片黑白效果相关推荐

css滤镜做页面黑白效果
滤镜-做整个页面黑白 /* filter: grayscale(100) */ background-color: rgba(0, 0, 0, 0.3); /* 高斯模糊 */ fil ...
css使图片变成黑白效果 - 代码篇
css使图片变成黑白效果 - 代码篇代码如下: -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: ...
【安卓笔记】图片特效之黑白效果
分享一个图片特效-------黑白效果 ------------------------------------------------------------------------------- ...
python漫画滤镜怎么实现的_OpenCV图片漫画效果的实现示例
我们随手拍摄的照片,很难达到摄影师的水准,因此不管是手机上还是电脑内,都有一些软件可以添加特效让照片更好看,手机拍摄时也有即时的美化效果.不过我比较好奇漫画特效,但是一直在网上看到别人的成品而找不到针 ...
JS 滤镜切割图片效果。
请自己找一张图放在同级目录下图名1.JPG 也可以自己改图文件路径~~ 次文非原创!而且从一开始就归分在转贴中,留脚印时请直接看清模式. 注:个人收藏只为自己学习用.参观请勿带有色语言. < ...
用CSS3实现滤镜——常见九种效果
特别强调:IE无法实现!!! 复习时看这个提纲进行回忆并持续补充. 文章目录一.滤镜是什么二.滤镜操作 1. 模糊效果 2. 亮度 3. 对比度 4. 图像阴影 5. 图像灰度 6. 反转效果 7 ...
通过css实现页面黑白效果
前言: 临近下班,接到上级通知,为了缅怀今日逝世的英雄:需要对网站进行微调整-- 整个页面呈现出黑白效果实现: css的filter(滤镜)属性 filter可以设置的属性值有: - none:默 ...
photoshop第七章：图片的效果制作2
photoshop第七章:图片特种效果的制作 1.制作彩霞效果(实现早/晚霞效果) 素材: 效果: (1)复制图层:Ctrl+j,得到图层1 (2)图像->调整->去色 (3)图层-> ...
滤镜应用——制作彩虹效果
滤镜应用--制作彩虹效果原图: 效果图: 步骤: 1.打开素材图片,新建图层1,选择"矩形选框工具",在图层1上圈出一个矩形选区,选择"渐变工具",选择色谱线 ...

LayaBox -- 使用滤镜实现图片黑白效果

LayaBox -- 使用滤镜实现图片黑白效果相关推荐

最新文章

热门文章