83 lines
2.2 KiB
Plaintext
83 lines
2.2 KiB
Plaintext
//高斯模糊效果(在华为P6上不生效)
|
||
|
||
CCEffect %{
|
||
techniques:
|
||
- passes:
|
||
- vert: vs
|
||
frag: fs
|
||
blendState:
|
||
targets:
|
||
- blend: true
|
||
rasterizerState:
|
||
cullMode: none
|
||
properties:
|
||
texture: { value: white }
|
||
u_degree: { value: 0.03 }
|
||
u_brightness: { value: 1.0 }
|
||
}%
|
||
|
||
CCProgram vs %{ // 顶点Shader模块开始
|
||
#include <cc-global>
|
||
precision highp float; //定义float高精度
|
||
in vec3 a_position; // 顶点Shader 从渲染管道里面获取的顶点信息,使用attribute来修饰;
|
||
in vec2 a_uv0; // 纹理坐标;
|
||
out vec2 uv0; // 传递给着色Shader，varying 来修饰，进行插值
|
||
void main () {
|
||
gl_Position = cc_matViewProj * vec4(a_position, 1);
|
||
uv0 = a_uv0;
|
||
}
|
||
}%
|
||
|
||
CCProgram fs %{
|
||
#define repeats 5. //重复次数，值越大模糊质量越高，但性能越低
|
||
precision highp float;
|
||
in vec2 uv0;
|
||
uniform sampler2D texture;
|
||
uniform ARGS{
|
||
float u_degree; //模糊度，外界属性
|
||
float u_brightness; //亮度，外界属性
|
||
};
|
||
|
||
// 应用贴图UV
|
||
vec4 draw(vec2 uv) {
|
||
return texture2D(texture,uv).rgba;
|
||
}
|
||
|
||
float grid(float var, float size) {
|
||
return floor(var*size)/size;
|
||
}
|
||
|
||
// 降低亮度
|
||
vec4 dim(vec4 col, float factor) {
|
||
return vec4(col.r * factor, col.g * factor, col.b * factor, col.a);
|
||
}
|
||
|
||
// 随机值
|
||
float rand(vec2 co){
|
||
return fract(sin(dot(co.xy ,vec2(12.9898,78.233))) * 43758.5453);
|
||
}
|
||
|
||
void main()
|
||
{
|
||
// 模糊贴图
|
||
vec4 blurred_image = vec4(0.);
|
||
// 重复采样
|
||
for (float i = 0.; i < repeats; i++) {
|
||
// 第一采样点
|
||
vec2 q = vec2(cos(degrees((i/repeats)*360.)),sin(degrees((i/repeats)*360.))) * (rand(vec2(i,uv0.x+uv0.y))+u_degree);
|
||
vec2 uv2 = uv0+(q*u_degree);
|
||
blurred_image += draw(uv2)/2.;
|
||
// 第二采样点
|
||
q = vec2(cos(degrees((i/repeats)*360.)),sin(degrees((i/repeats)*360.))) * (rand(vec2(i+2.,uv0.x+uv0.y+24.))+u_degree);
|
||
uv2 = uv0+(q*u_degree);
|
||
blurred_image += draw(uv2)/2.;
|
||
}
|
||
// 中和
|
||
blurred_image /= repeats;
|
||
// 降低亮度
|
||
blurred_image = dim(blurred_image, u_brightness);
|
||
// 导出颜色
|
||
gl_FragColor = vec4(blurred_image);
|
||
}
|
||
}%
|