OpenGL Shader 图像处理
<p>Referred from http://r3dux.org/2011/06/glsl-image-processing/</p> <p>使用OpenGL做图像处理,最主要的就是FragShader的实现,以下是几种已经实现了的shader。有黑白照处理,Sephia特效,反相,高斯模糊,Median模糊,锐化,腐蚀,膨胀,拉普拉斯边缘检测等。后几种图像处理主要就是核函数的选取和计算需要事先从程序中传入或者 hardcode到程序中。</p> <pre class="brush:java; toolbar: true; auto-links: false;">#version 330 uniform sampler2D quadTexture; uniform int filterNumber; uniform vec2 tcOffset[25]; // Texture coordinate offsets in vec2 vTex; out vec4 vFragColour; void main(void) { // Standard if (filterNumber == 0) { vFragColour = texture2D(quadTexture, vTex); } // Greyscale if (filterNumber == 1) { // Convert to greyscale using NTSC weightings float grey = dot(texture2D(quadTexture, vTex).rgb, vec3(0.299, 0.587, 0.114)); vFragColour = vec4(grey, grey, grey, 1.0); } // Sepia tone if (filterNumber == 2) { // Convert to greyscale using NTSC weightings float grey = dot(texture2D(quadTexture, vTex).rgb, vec3(0.299, 0.587, 0.114)); // Play with these rgb weightings to get different tones. // (As long as all rgb weightings add up to 1.0 you won't lighten or darken the image) vFragColour = vec4(grey * vec3(1.2, 1.0, 0.8), 1.0); } // Negative if (filterNumber == 3) { vec4 texMapColour = texture2D(quadTexture, vTex); vFragColour = vec4(1.0 - texMapColour.rgb, 1.0); } // Blur (gaussian) if (filterNumber == 4) { vec4 sample[25]; for (int i = 0; i < 25; i++) { // Sample a grid around and including our texel sample[i] = texture(quadTexture, vTex + tcOffset[i]); } // Gaussian weighting: // 1 4 7 4 1 // 4 16 26 16 4 // 7 26 41 26 7 / 273 (i.e. divide by total of weightings) // 4 16 26 16 4 // 1 4 7 4 1 vFragColour = ( (1.0 * (sample[0] + sample[4] + sample[20] + sample[24])) + (4.0 * (sample[1] + sample[3] + sample[5] + sample[9] + sample[15] + sample[19] + sample[21] + sample[23])) + (7.0 * (sample[2] + sample[10] + sample[14] + sample[22])) + (16.0 * (sample[6] + sample[8] + sample[16] + sample[18])) + (26.0 * (sample[7] + sample[11] + sample[13] + sample[17])) + (41.0 * sample[12]) ) / 273.0; } // Blur (median filter) if (filterNumber == 5) { vFragColour = vec4(0.0); for (int i = 0; i < 25; i++) { // Sample a grid around and including our texel vFragColour += texture(quadTexture, vTex + tcOffset[i]); } vFragColour /= 25; } // Sharpen if (filterNumber == 6) { vec4 sample[25]; for (int i = 0; i < 25; i++) { // Sample a grid around and including our texel sample[i] = texture(quadTexture, vTex + tcOffset[i]); } // Sharpen weighting: // -1 -1 -1 -1 -1 // -1 -1 -1 -1 -1 // -1 -1 25 -1 -1 // -1 -1 -1 -1 -1 // -1 -1 -1 -1 -1 vFragColour = 25.0 * sample[12]; for (int i = 0; i < 25; i++) { if (i != 12) vFragColour -= sample[i]; } } // Dilate if (filterNumber == 7) { vec4 sample[25]; vec4 maxValue = vec4(0.0); for (int i = 0; i < 25; i++) { // Sample a grid around and including our texel sample[i] = texture(quadTexture, vTex + tcOffset[i]); // Keep the maximum value maxValue = max(sample[i], maxValue); } vFragColour = maxValue; } // Erode if (filterNumber == 8) { vec4 sample[25]; vec4 minValue = vec4(1.0); for (int i = 0; i < 25; i++) { // Sample a grid around and including our texel sample[i] = texture(quadTexture, vTex + tcOffset[i]); // Keep the minimum value minValue = min(sample[i], minValue); } vFragColour = minValue; } // Laplacian Edge Detection (very, very similar to sharpen filter - check it out!) if (filterNumber == 9) { vec4 sample[25]; for (int i = 0; i < 25; i++) { // Sample a grid around and including our texel sample[i] = texture(quadTexture, vTex + tcOffset[i]); } // Laplacian weighting: // -1 -1 -1 -1 -1 // -1 -1 -1 -1 -1 // -1 -1 24 -1 -1 // -1 -1 -1 -1 -1 // -1 -1 -1 -1 -1 vFragColour = 24.0 * sample[12]; for (int i = 0; i < 25; i++) { if (i != 12) vFragColour -= sample[i]; } } }</pre> <br /> <p>以下是计算高斯模糊的核函数中对应附近像素的偏移坐标:</p> <pre class="brush:java; toolbar: true; auto-links: false;">// Set up texture sampling offset storage const GLint tcOffsetColumns = 5; const GLint tcOffsetRows = 5; GLfloat texCoordOffsets[tcOffsetColumns * tcOffsetRows * 2]; // Calculate texture coordinate offsets for kernel convolution effects void genTexCoordOffsets(GLuint width, GLuint height, GLfloat step = 1.0f) // Note: Change this step value to increase the number of pixels we sample across... { // Note: You can multiply the step to displace the samples further. Do this with diff values horiz and vert and you have directional blur of a sort... float xInc = step / (GLfloat)(windowWidth); float yInc = step / (GLfloat)(windowHeight); for (int i = 0; i < tcOffsetColumns; i++) { for (int j = 0; j < tcOffsetRows; j++) { texCoordOffsets[(((i*5)+j)*2)+0] = (-2.0f * xInc) + ((GLfloat)i * xInc); texCoordOffsets[(((i*5)+j)*2)+1] = (-2.0f * yInc) + ((GLfloat)j * yInc); } } }</pre> <p></p>
本文由用户 fmms 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!