LOMO追求鮮艷色彩，隨意、自由的態(tài)度，是一種經(jīng)常使用的濾鏡，今天介紹一下iOS 中LOMO濾鏡的實(shí)現(xiàn)

首先它有3張輸入圖像

1.我們要處理的圖像。即我們要應(yīng)用LOMO濾鏡的圖像

2　　　　　　

3

在gpuimage中多張輸入圖像的濾鏡需要自己寫。在這里我參照本身提供的GPUImageTwoInputFilter，自己寫了GPUImageThreeInputFilter，用于接收3張輸入圖像的濾鏡。它們都是通過濾鏡組的繼承來實(shí)現(xiàn)，多重濾鏡。

　　

　　片段著色器

NSString *const kFWLomofiShaderString = SHADER_STRING (precision lowp float;varying highp vec2 textureCoordinate;uniform sampler2D inputImageTexture;uniform sampler2D inputImageTexture2;uniform sampler2D inputImageTexture3;void main(){vec3 texel = texture2D(inputImageTexture, textureCoordinate).rgb;//獲取要處理圖像的rgb值向量vec2 red = vec2(texel.r, 0.16666);vec2 green = vec2(texel.g, 0.5);vec2 blue = vec2(texel.b, 0.83333);//使要處理的圖像和柔光混合，生成新的像素texel.rgb = vec3(texture2D(inputImageTexture2, red).r,texture2D(inputImageTexture2, green).g,texture2D(inputImageTexture2, blue).b); //前面生成新的像素再與第二個(gè)輸入圖像的像素進(jìn)行混合//使用第三個(gè)圖像作為暗角模板與前面的像素混合vec2 tc = (2.0 * textureCoordinate) - 1.0;float d = dot(tc, tc);vec2 lookup = vec2(d, texel.r);texel.r = texture2D(inputImageTexture3, lookup).r;lookup.y = texel.g;texel.g = texture2D(inputImageTexture3, lookup).g;lookup.y = texel.b;texel.b = texture2D(inputImageTexture3, lookup).b; //生成最終的LOMO效果 gl_FragColor = vec4(texel,1.0); } );

?

?

@implementation FWLomofiFilter- (id)init {if (!(self = [super init])){return nil;}FWFilter6 *filter = [[FWFilter6 alloc] init];[self addFilter:filter]; //設(shè)置第二個(gè)輸入圖像UIImage *image = [UIImage imageNamed:@"lomoMap"];imageSource1 = [[GPUImagePicture alloc] initWithImage:image];[imageSource1 addTarget:filter atTextureLocation:1];[imageSource1 processImage]; //設(shè)置第三個(gè)輸入圖像 UIImage *image1 = [UIImage imageNamed:@"vignetteMap"]; imageSource2 = [[GPUImagePicture alloc] initWithImage:image1]; [imageSource2 addTarget:filter atTextureLocation:2]; [imageSource2 processImage]; self.initialFilters = [NSArray arrayWithObjects:filter, nil]; self.terminalFilter = filter; return self; }

?

?

+ (UIImage *)applyLomofiFilter:(UIImage *)image

{

? ? FWLomofiFilter *filter = [[FWLomofiFilter alloc] init];

? ? [filter forceProcessingAtSize:image.size];

//第一個(gè)輸入圖像

? ?GPUImagePicture *pic = [[GPUImagePicture alloc] initWithImage:image];

? ? [pic addTarget:filter];

?? ?

? ? [pic processImage];

? ? [filter useNextFrameForImageCapture];

//得到效果圖

? ? return [filter imageFromCurrentFramebuffer];

}

?

原圖

　

lomo效果圖

　

?完整代碼可以在本人的GITHUB上下載源碼！

?

下面是廢話

不善言辭的人進(jìn)博客園首頁就這么難，我得寫多少廢話才能進(jìn)？這篇可以嗎？ 不管文字多少，你上網(wǎng)查查ios實(shí)現(xiàn)LOMO濾鏡的源碼，本濾鏡純自己琢磨，在上一代GPUImage中我通過1個(gè)多月的摸索，將多圖像濾鏡實(shí)現(xiàn)的。

?

總結(jié)

以上是生活随笔為你收集整理的iOS滤镜实现之LOMO（美图秀秀经典LOMO）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。