狠狠撸

Real Time
Image Processing
with OpenGL ES 2.0

13年3月24日日曜日

カメラ

OpenGL ES テクスチャ

Custom Fragment Shader

CAEAGLLayer

UIView


カメラ

OpenGL ES テクスチャ

Custom Fragment Shader ?爆速(GPU)
?多彩な表現
CAEAGLLayer ?無限の自由度

UIView


Fragment Shaderって何だよ（怒

よくある画像処理プログラミング

const int wide = 100;
const int high = 100;
unsigned char pixels[wide * high * 4] = {0};
for(int y = 0 ; y < high ; ++y)
{
for(int x = 0 ; x < wide ; ++x)
{
unsigned char *color = pixels + 4 * (y * wide + x);
color[0] = 32;
color[1] = 12;
color[2] = 0;
color[3] = 120;
}
}


Fragment Shaderって何だよ（怒

const int wide = 100;
const int high = 100;
unsigned char pixels[wide * high * 4] = {0};
for(int y = 0 ; y < high ; ++y)
{
for(int x = 0 ; x < wide ; ++x)
{

Fragment Shader!
}
}


Basics
浮動小数点精度
precision highp float;

uniform sampler2D videoInput; ユーザー定義定数
uniform float iGlobalTime;
uniform vec2 iResolution;

varying highp vec2 uv;
void main()
{
vec2 unused1 = iResolution;
float unused2 = iGlobalTime;

gl_FragColor = texture2D(videoInput, uv);
}
出力色画像座標



uniform sampler2D videoInput;

varying vec2 uv;
void main()
{
vec2 unused = iResolution;

float stongth = sin(iGlobalTime) * 0.5 + 0.5;
float waveu = sin((uv.y + iGlobalTime) * 20.0) * 0.5 * 0.1 * stongth;
gl_FragColor = texture2D(videoInput, uv + vec2(waveu, 0));
}




varying vec2 uv;

void main(void)
{
vec2 unused = iResolution;

float blurx = sin(iGlobalTime) * 0.5 + 0.5;
float offsetx = blurx * 0.05;

vec2 ruv = uv + vec2(offsetx, 0.0);
vec2 guv = uv;
vec2 buv = uv - vec2(offsetx, 0.0);

float r = texture2D(videoInput, ruv).r;
float g = texture2D(videoInput, guv).g;
float b = texture2D(videoInput, buv).b;

gl_FragColor = vec4(r, g, b, 1.0);
}


varying vec2 uv;
float gray(vec4 color)
{
return (color.r + color.g + color.b) * 0.33333333;
}
void main(void)
{
float unused = iGlobalTime;

float pixelwide = 1.0 / iResolution.x;
float pixelhigh = 1.0 / iResolution.y;

vec4 c = texture2D(videoInput, uv);
float c_value = gray(c);

vec4 l = texture2D(videoInput, uv + vec2(-pixelwide, 0.0));
vec4 u = texture2D(videoInput, uv + vec2(0.0, pixelhigh));
vec4 r = texture2D(videoInput, uv + vec2( pixelwide, 0.0));
vec4 b = texture2D(videoInput, uv + vec2(0.0, -pixelhigh));

float difference = 0.0;

difference = max(difference, abs(c_value - gray(l)));
difference = max(difference, abs(c_value - gray(u)));
difference = max(difference, abs(c_value - gray(r)));
difference = max(difference, abs(c_value - gray(b)));

difference = clamp(difference * 20.0, 0.0, 1.0);

gl_FragColor = vec4(difference, difference, difference, 1.0);
}

Enjoy Shader!

https://github.com/Ushio/RealTimeImageProcessing


狠狠撸

Real timeimageprocessing

Recommended

More Related Content

What's hot (20)

Viewers also liked (11)

Similar to Real timeimageprocessing (18)

Real timeimageprocessing