IOS – OpenGL ES 桑原濾波/水粉畫(huà)模糊效果 GPUImageKuwaharaFilter
目錄
創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的監(jiān)利網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
- 一.簡(jiǎn)介
- 二.效果演示
- 三.源碼下載
- 四.猜你喜歡
零基礎(chǔ) OpenGL (ES) 學(xué)習(xí)路線推薦 : OpenGL (ES) 學(xué)習(xí)目錄 >> OpenGL ES 基礎(chǔ)
零基礎(chǔ) OpenGL (ES) 學(xué)習(xí)路線推薦 : OpenGL (ES) 學(xué)習(xí)目錄 >> OpenGL ES 轉(zhuǎn)場(chǎng)
零基礎(chǔ) OpenGL (ES) 學(xué)習(xí)路線推薦 : OpenGL (ES) 學(xué)習(xí)目錄 >> OpenGL ES 特效
零基礎(chǔ) OpenGL (ES) 學(xué)習(xí)路線推薦 : OpenGL (ES) 學(xué)習(xí)目錄 >> OpenGL ES 函數(shù)
零基礎(chǔ) OpenGL (ES) 學(xué)習(xí)路線推薦 : OpenGL (ES) 學(xué)習(xí)目錄 >> OpenGL ES GPUImage 使用
零基礎(chǔ) OpenGL (ES) 學(xué)習(xí)路線推薦 : OpenGL (ES) 學(xué)習(xí)目錄 >> OpenGL ES GLSL 編程
一.簡(jiǎn)介
GPUImage 共 125 個(gè)濾鏡, 分為四類
1、Color adjustments : 31 filters , 顏色處理相關(guān)
2、Image processing : 40 filters , 圖像處理相關(guān).
3、Blending modes : 29 filters , 混合模式相關(guān).
4、Visual effects : 25 filters , 視覺(jué)效果相關(guān).
GPUImageKuwaharaFilter GPUImage 圖像桑原濾波/水粉畫(huà)模糊效果，shader 源碼如下：
/******************************************************************************************/
//@Author:猿說(shuō)編程
//@Blog(個(gè)人博客地址): www.codersrc.com
//@File:IOS – OpenGL ES 桑原濾波/水粉畫(huà)模糊效果 GPUImageKuwaharaFilter
//@Time:2022/05/15 10:30
//@Motto:不積跬步無(wú)以至千里，不積小流無(wú)以成江海，程序人生的精彩需要堅(jiān)持不懈地積累！
/******************************************************************************************/
#if TARGET_IPHONE_SIMULATOR || TARGET_OS_IPHONE
NSString *const kGPUImageKuwaharaFragmentShaderString = SHADER_STRING
(
varying highp vec2 textureCoordinate;
uniform sampler2D inputImageTexture;
uniform int radius;
precision highp float;
const vec2 src_size = vec2 (1.0 / 768.0, 1.0 / 1024.0);
void main (void)
{
vec2 uv = textureCoordinate;
float n = float((radius + 1) * (radius + 1));
int i; int j;
vec3 m0 = vec3(0.0); vec3 m1 = vec3(0.0); vec3 m2 = vec3(0.0); vec3 m3 = vec3(0.0);
vec3 s0 = vec3(0.0); vec3 s1 = vec3(0.0); vec3 s2 = vec3(0.0); vec3 s3 = vec3(0.0);
vec3 c;
for (j = -radius; j <= 0; ++j) {
for (i = -radius; i <= 0; ++i) {
c = texture2D(inputImageTexture, uv + vec2(i,j) * src_size).rgb;
m0 += c;
s0 += c * c;
}
}
for (j = -radius; j <= 0; ++j) {
for (i = 0; i <= radius; ++i) {
c = texture2D(inputImageTexture, uv + vec2(i,j) * src_size).rgb;
m1 += c;
s1 += c * c;
}
}
for (j = 0; j <= radius; ++j) {
for (i = 0; i <= radius; ++i) {
c = texture2D(inputImageTexture, uv + vec2(i,j) * src_size).rgb;
m2 += c;
s2 += c * c;
}
}
for (j = 0; j <= radius; ++j) {
for (i = -radius; i <= 0; ++i) {
c = texture2D(inputImageTexture, uv + vec2(i,j) * src_size).rgb;
m3 += c;
s3 += c * c;
}
}
float min_sigma2 = 1e+2;
m0 /= n;
s0 = abs(s0 / n - m0 * m0);
float sigma2 = s0.r + s0.g + s0.b;
if (sigma2 < min_sigma2) {
min_sigma2 = sigma2;
gl_FragColor = vec4(m0, 1.0);
}
m1 /= n;
s1 = abs(s1 / n - m1 * m1);
sigma2 = s1.r + s1.g + s1.b;
if (sigma2 < min_sigma2) {
min_sigma2 = sigma2;
gl_FragColor = vec4(m1, 1.0);
}
m2 /= n;
s2 = abs(s2 / n - m2 * m2);
sigma2 = s2.r + s2.g + s2.b;
if (sigma2 < min_sigma2) {
min_sigma2 = sigma2;
gl_FragColor = vec4(m2, 1.0);
}
m3 /= n;
s3 = abs(s3 / n - m3 * m3);
sigma2 = s3.r + s3.g + s3.b;
if (sigma2 < min_sigma2) {
min_sigma2 = sigma2;
gl_FragColor = vec4(m3, 1.0);
}
}
);
#else
NSString *const kGPUImageKuwaharaFragmentShaderString = SHADER_STRING
(
varying vec2 textureCoordinate;
uniform sampler2D inputImageTexture;
uniform int radius;
const vec2 src_size = vec2 (1.0 / 768.0, 1.0 / 1024.0);
void main (void)
{
vec2 uv = textureCoordinate;
float n = float((radius + 1) * (radius + 1));
int i; int j;
vec3 m0 = vec3(0.0); vec3 m1 = vec3(0.0); vec3 m2 = vec3(0.0); vec3 m3 = vec3(0.0);
vec3 s0 = vec3(0.0); vec3 s1 = vec3(0.0); vec3 s2 = vec3(0.0); vec3 s3 = vec3(0.0);
vec3 c;
for (j = -radius; j <= 0; ++j) {
for (i = -radius; i <= 0; ++i) {
c = texture2D(inputImageTexture, uv + vec2(i,j) * src_size).rgb;
m0 += c;
s0 += c * c;
}
}
for (j = -radius; j <= 0; ++j) {
for (i = 0; i <= radius; ++i) {
c = texture2D(inputImageTexture, uv + vec2(i,j) * src_size).rgb;
m1 += c;
s1 += c * c;
}
}
for (j = 0; j <= radius; ++j) {
for (i = 0; i <= radius; ++i) {
c = texture2D(inputImageTexture, uv + vec2(i,j) * src_size).rgb;
m2 += c;
s2 += c * c;
}
}
for (j = 0; j <= radius; ++j) {
for (i = -radius; i <= 0; ++i) {
c = texture2D(inputImageTexture, uv + vec2(i,j) * src_size).rgb;
m3 += c;
s3 += c * c;
}
}
float min_sigma2 = 1e+2;
m0 /= n;
s0 = abs(s0 / n - m0 * m0);
float sigma2 = s0.r + s0.g + s0.b;
if (sigma2 < min_sigma2) {
min_sigma2 = sigma2;
gl_FragColor = vec4(m0, 1.0);
}
m1 /= n;
s1 = abs(s1 / n - m1 * m1);
sigma2 = s1.r + s1.g + s1.b;
if (sigma2 < min_sigma2) {
min_sigma2 = sigma2;
gl_FragColor = vec4(m1, 1.0);
}
m2 /= n;
s2 = abs(s2 / n - m2 * m2);
sigma2 = s2.r + s2.g + s2.b;
if (sigma2 < min_sigma2) {
min_sigma2 = sigma2;
gl_FragColor = vec4(m2, 1.0);
}
m3 /= n;
s3 = abs(s3 / n - m3 * m3);
sigma2 = s3.r + s3.g + s3.b;
if (sigma2 < min_sigma2) {
min_sigma2 = sigma2;
gl_FragColor = vec4(m3, 1.0);
}
}
);
#endif
二.效果演示
使用 GPUImageKuwaharaFilter** ** 用來(lái)圖像卡通效果（黑色粗線描邊），原圖：
**GPUImageKuwaharaFilter** 用來(lái)圖像卡通效果（黑色粗線描邊），效果圖：
三.源碼下載
OpenGL ES Demo 下載地址 : IOS – OpenGL ES 桑原濾波/水粉畫(huà)模糊效果 GPUImageKuwaharaFilter
四.猜你喜歡
- IOS – OPenGL ES 設(shè)置圖像亮度 GPUImageBrightnessFilter
- IOS – OPenGL ES 調(diào)節(jié)圖像曝光度 GPUImageExposureFilter
- IOS – OpenGL ES 調(diào)節(jié)圖像對(duì)比度 GPUImageContrastFilter
- IOS – OPenGL ES 調(diào)節(jié)圖像飽和度 GPUImageSaturationFilter
- IOS – OPenGL ES 調(diào)節(jié)圖像伽馬線 GPUImageGammaFilter
- IOS – OpenGL ES 調(diào)節(jié)圖像反色 GPUImageColorInvertFilter
- IOS – OpenGL ES 調(diào)節(jié)圖像褐色 GPUImageSepiaFilter
- IOS – OpenGL ES 調(diào)節(jié)圖像灰色 GPUImageGrayscaleFilter
- IOS – OpenGL ES 調(diào)節(jié)圖像 RGB 通道 GPUImageRGBFilter
- IOS – OpenGL ES 調(diào)節(jié)圖像不透明度 GPUImageOpacityFilter
- IOS – OpenGL ES 調(diào)節(jié)圖像陰影 GPUImageHighlightShadowFilter
- IOS – OpenGL ES 調(diào)節(jié)圖像色彩替換 GPUImageFalseColorFilter
- GPUImage – 色彩直方圖 GPUImageHistogramFilter
- GPUImage – 色彩直方圖 GPUImageHistogramGenerator
- GPUImage – 像素平均色值 GPUImageAverageColor
- GPUImage – 亮度平均 GPUImageLuminosity
- IOS – OpenGL ES 調(diào)節(jié)圖像色度 GPUImageHueFilter
- IOS – OpenGL ES 指定顏色摳圖 GPUImageChromaKeyFilter
- IOS – OpenGL ES 調(diào)節(jié)圖像白平衡/色溫 GPUImageWhiteBalanceFilter
- IOS – OpenGL ES 設(shè)置圖像 lookup 濾鏡 GPUImageLookupFilter
- IOS – OpenGL ES 設(shè)置圖像濾鏡 GPUImageAmatorkaFilter
- IOS – OpenGL ES 設(shè)置圖像濾鏡 GPUImageSoftEleganceFilter
- IOS – OpenGL ES 設(shè)置圖像銳化 GPUImageSharpenFilter
- IOS – OpenGL ES 繪制十字 GPUImageCrosshairGenerator
- IOS – OpenGL ES 繪制線條 GPUImageLineGenerator
- IOS – OpenGL ES 設(shè)置圖像黑白燥點(diǎn) GPUImageLocalBinaryPatternFilter
- IOS – OpenGL ES 設(shè)置圖像卡通效果（黑色粗線描邊） GPUImageToonFilter
- IOS – OpenGL ES 桑原濾波/水粉畫(huà)模糊效果 GPUImageKuwaharaFilter
本文由博客 - 猿說(shuō)編程 猿說(shuō)編程 發(fā)布！
當(dāng)前題目：IOS – OpenGL ES 桑原濾波/水粉畫(huà)模糊效果 GPUImageKuwaharaFilter
文章起源：http://chinadenli.net/article44/dsoighe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)公司、App設(shè)計(jì)、、建站公司、網(wǎng)站設(shè)計(jì)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
- 全網(wǎng)營(yíng)銷推廣方式 2014-07-08
- 你知道全網(wǎng)營(yíng)銷推廣具體指的哪些方面嗎 2021-09-05
- 全網(wǎng)營(yíng)銷時(shí)代網(wǎng)絡(luò)營(yíng)銷基本要素環(huán)節(jié)有哪些需要特別注意 2016-08-17
- 開(kāi)展全網(wǎng)營(yíng)銷推廣的5個(gè)步驟 2016-11-11
- 企業(yè)手機(jī)網(wǎng)站建設(shè)在全網(wǎng)營(yíng)銷趨勢(shì)下的意義 2014-02-06
- 全網(wǎng)營(yíng)銷占領(lǐng)百度制高點(diǎn) 2014-04-01
- 哪些方法適合中小企業(yè)的全網(wǎng)營(yíng)銷推廣：低成本，高回報(bào) 2022-05-21
- 為什么要做全網(wǎng)營(yíng)銷?全網(wǎng)營(yíng)銷有哪些好處? 2015-05-14
- 全網(wǎng)營(yíng)銷可以從哪些地方著手呢? 2014-07-07
- 全網(wǎng)營(yíng)銷推廣的發(fā)展趨勢(shì)是怎樣的？ 2015-06-22
- 網(wǎng)絡(luò)營(yíng)銷平臺(tái)有哪些，全網(wǎng)營(yíng)銷推廣的方式 2023-04-27
- 互聯(lián)網(wǎng)營(yíng)銷時(shí)代，全網(wǎng)營(yíng)銷推廣才是重點(diǎn) 2021-02-02