首页登陆欢迎您!
首页登陆 > 运维知识 > Cocos2d-x shader学习2: 模糊(Blur卡塔尔(英语:State of Qatar)

Cocos2d-x shader学习2: 模糊(Blur卡塔尔(英语:State of Qatar)

时间:2019-12-06

应用getImageData接口获取图片的像素点,然后依照像素点达成动漫效果,封装成叁个轻松易行的lib

模糊效果在打闹中时时会用到,有的为了出色前程会把背景给模糊化,有的是因为有些技术需求模糊效果。模糊是shader中较为轻便的大器晚成种采纳。cocos2dx 3.x给的demo中,就有sprite的混淆的效益。

图像中,已知了某连通域的二个像素点,怎么样依据该像素点鲜明像素点所在的连通域 5C
图像中,已知了某连通域的一个像素点,如何依据该像素点分明像素点所在的连通域(比方图像中有多少个连通域,而方今只知多少个连通域的像素点,怎么着依照该点反推像素点所在的连通域,并标志出来卡塔尔(英语:State of Qatar)

  particle image  #logo { margin-left:20px; margin-top:20px; width:160px; height:48px; background:url; /*border: 1px solid red;*/ }    window.onload = function() { ParticleImage.create("logo", "./images/logo.png", "fast"); };     

先说下那么些模糊算法的大约思路,大家在生机勃勃部分着色器中得以博稳妥前像素点的水彩值,要想让那么些颜色变得模糊,将要让它与它左近的像素点的水彩稍稍像样一点,那么大家就供给得到这几个像素点周边的像素点的颜色值,大家把这一个个像素点的值加起来取平均值,就获得了三个区域内的平分颜色。
设若一向利用这一个颜色的话,最后的成效会变得很模糊,借使我们只是想有个别模糊一点来说,将要让这么些平均值更周边于当下像素点原来的颜料,为此,大家取均值的时候对各样像素点扩充了二个权重的概念,当前像素点的权重最高,依次向相近收缩,使得最后获得的均值的颜料更仿佛于这段日子像素点原始的颜色。

ParticleImage.js

看代码:

上一篇:js实现发送验证码后的倒计时功能_javascript技巧_脚本之家 下一篇:没有了