IOS के लिए अपना फोटो एडिटर कैसे विकसित करें। VKontakte प्रतियोगिता रिपोर्ट

सभी habrazhitel और रुचि को नमस्कार!
कल (अचानक) VKontakte से iOS के लिए फोटो संपादकों की एक और शानदार प्रतियोगिता के पहले चरण में परियोजनाओं की डिलीवरी का अंत था। और इस लेख में मैं अपने अनुभव को साझा करना चाहता हूं, इस उत्पाद के मेरे संस्करण को विकसित करने के दौरान रेक और उन समस्याओं के बारे में बताऊंगा जो मुझे सामना करना पड़ा।

"इंजन"

शूटिंग के लिए प्रतियोगिता की आवश्यकता: "सभी फ़िल्टर को वास्तविक समय में काम करना चाहिए और एप्लिकेशन को धीमा नहीं करना चाहिए" - सवाल उठाया, "किस तरह का इंजन लेना है।" इस समस्या का समाधान 5 सेकंड में google है और इसे GPUImage कहा जाता है। मेरे दोस्तों में से एक (हम उसे नाम से नहीं बुलाएंगे) ने कहा कि उसके लिए, 140 खुले मुद्दे हैं, और सामान्य तौर पर यह सब कुछ खुद लेना और लिखना आसान है। लेकिन समय एक दया था, इसके अलावा, मैं अपनी ताकत का मूल्यांकन निष्पक्ष रूप से करता हूं, इसलिए मैंने इसे लिया। मुझे लगता है कि लगभग सभी प्रतिभागी इस विशेष पुस्तकालय का उपयोग करते हैं :)
बेशक, GPUImage के साथ बहुत सारी समस्याएं थीं , लेकिन सब कुछ हल हो गया लगता है।
उदाहरण के लिए, मेमोरी खपत के साथ एक बड़ी समस्या, जो एक अज्ञात दिशा में लीक होती है, यही वजह है कि आवेदन बंद हो जाता है। यह या तो आपके कोड की समस्या या लाइब्रेरी की समस्या हो सकती है - यह पूरी तरह से स्पष्ट नहीं है। यद्यपि पुस्तकालय में उदाहरणों का एक पूरा समूह है, हालांकि, कुछ सूक्ष्म बिंदु सिरदर्द हो सकते हैं।
इसलिए, मेरे कोड में एक त्रुटि आई जब मैं कुछ कर रहा था:

[stillCamera addTarget:filter]; 

या

 [filter prepareForImageCapture]; 

दो बार, जिसके कारण अनुप्रयोग स्मृति के ब्रह्मांडीय पैमाने को खा गया और सर्वेक्षण (विशेष रूप से धब्बा के साथ) पर गिर गया।
इसके अलावा, समस्या यह है कि सभी फ़िल्टर उच्च-रिज़ॉल्यूशन बनावट उत्पन्न करते हैं, इसलिए मैंने तय किया कि 640kb हर किसी के लिए पर्याप्त होगा, 1024x1536 पिक्सेल सभी के लिए पर्याप्त होंगे, और मैंने दिए गए आकार के लिए मजबूर प्रसंस्करण किया:

 CGSize forceSize = CGSizeMake(1024, 1024 * 1.5); if (!frontCameraSelected) [processFilter forceProcessingAtSize:forceSize]; @autoreleasepool { [stillCamera capturePhotoAsJPEGProcessedUpToFilter:processFilter ... ... 

हालाँकि, मुझे यह स्वीकार करना होगा कि पिछले दो हफ्तों में, ब्रैड लार्सन लाइब्रेरी के डेवलपर ने कई समस्याएं तय की हैं, और आम तौर पर संपर्क में रहता है। एक शब्द में, अच्छी तरह से किया!

फिल्टर

प्रोग्रामर के दृष्टिकोण से शायद यह सबसे कठिन हिस्सा है, क्योंकि प्रस्तुत किए गए सभी फ़िल्टर को चुनना होगा। फ़िल्टर का चयन करने के लिए, मैंने iPad पर एक अतिरिक्त एप्लिकेशन लिखा, जिसकी मदद से मैंने GPUImage के लिए तुरंत उपयोग किए जाने वाले मापदंडों के साथ फ़िल्टर का चयन किया।

एक अनुमानित फ़िल्टर चयन प्रक्रिया:


मैंने प्रस्तुत फ़िल्टर के चयन पर लगभग 3 दिन (1-2 घंटे प्रत्येक) बिताए, और फिर मैंने अतिरिक्त लोगों के साथ मज़े करना शुरू कर दिया। उदाहरण के लिए, एक आठ-बिट फ़िल्टर मेरा पसंदीदा है:


इस प्रकार, मैंने फिल्टर की एक श्रेणी बनाई जो समूह द्वारा निर्धारित की गई थी। प्रारंभ और आंतरिक कॉल को स्वीकार करते हुए, यह कुछ इस तरह दिखता है:

 -(void)getFilters { /* Contrast : 1.032491 Gamma : 1.196751 Sepia : 0.442238 Saturation : 1.198556 */ GPUImageContrastFilter * contrast = [[GPUImageContrastFilter alloc] init]; contrast.contrast = 1.032491f; [self prepare:contrast]; GPUImageGammaFilter * gamma = [[GPUImageGammaFilter alloc] init]; gamma.gamma = 1.196751; [self prepare:gamma]; GPUImageSepiaFilter * sepia = [[GPUImageSepiaFilter alloc] init]; sepia.intensity = 0.442238; [self prepare:sepia]; GPUImageSaturationFilter * saturation = [[GPUImageSaturationFilter alloc] init]; saturation.saturation = 1.198556; [self prepare:saturation]; } 

फिर फिल्टर के साथ एक नई समस्या उत्पन्न होती है: वास्तविक समय ब्रेकिंग :) दुर्भाग्य से, कई फिल्टर के लिए मैं इसे पूरी तरह से पराजित नहीं कर सकता था, हालांकि एक विचार था कि फिल्टर को समूहों में संयोजित नहीं करना है, लेकिन तुरंत उन्हें एक shader में संयोजित करना है। मैंने एक के साथ कोशिश की, लेकिन अधिक प्रदर्शन नहीं जीता, इसलिए मैंने समय पर पछतावा करने और इस दृष्टिकोण का उपयोग नहीं करने का फैसला किया।

स्केलिंग

प्रतियोगिता की स्थितियों में से एक हस्तमैथुन और छवि फिटिंग थी। UIScrollView स्केलिंग के साथ बहुत अच्छी तरह से काम करता है, लेकिन हमें GPUImageView में "परिणाम लेने" की आवश्यकता है। मैं एक ट्रिक या एक ट्रिक के लिए गया, और एक GPUImageTransformFilter ट्रांसफ़ॉर्म फ़िल्टर को छवि पर लागू किया। मैंने UIScrollView को स्केल करने और खींचने के परिणामों के अनुसार परिवर्तन पर विचार किया, जो शीर्ष परत पर स्थित है।
परिवर्तन के लिए कोड इस प्रकार है:

 - (void)scrollViewDidScroll:(UIScrollView *)scrollView { CGPoint offset = scrollView.contentOffset; CGSize size = scrollView.contentSize; CGFloat scrollViewWidth = scrollView.frame.size.width, scrollViewHeight = scrollView.frame.size.height; translationX = 0; float a = size.width - scrollViewWidth, b = size.height - scrollViewWidth; if ((int)a != 0) { translationX = (a / scrollViewWidth) * (0.5f - offset.x / a) * 2; } translationY = 0; if ((int)b != 0) { translationY = (b / scrollViewWidth) * (0.5f - offset.y / b) * 2; } if (size.height < size.width) { translationX *= aspectRatio; translationY *= aspectRatio; } CGAffineTransform resizeTransform = CGAffineTransformMakeScale(scrollView.zoomScale / scrollView.minimumZoomScale, scrollView.zoomScale / scrollView.minimumZoomScale); resizeTransform.tx = translationX; resizeTransform.ty = translationY; transformFilter.affineTransform = resizeTransform; [self fastRedraw]; //  } 

शायद मेरे लिए सबसे अजीब बात यह थी कि जब हम एक क्षैतिज छवि रखते हैं, तो हमें परिणाम अनुपात से गुणा करना चाहिए। ईमानदारी से, मैंने इसे एहसास से ज्यादा उठाया।
इसके अलावा, लागू किए गए फ़िल्टर के साथ स्केलिंग और ड्रैगिंग और ड्रॉप करना एक अच्छा विचार नहीं है, क्योंकि यह क्रूरता से धीमा हो जाता है। इसलिए, मैंने इन कार्यों की अवधि के लिए फ़िल्टर को बंद कर दिया, और इसे बाद में चालू कर दिया। यह ठीक काम करता है।

आईफोन 5 सपोर्ट

यह बहुत कठिन विषय नहीं है, हालांकि, आपको इसे ध्यान में रखने की आवश्यकता है। आवेदन केवल खिंचाव नहीं होना चाहिए, बल्कि थोड़ा अलग भी व्यवहार करना चाहिए। सौभाग्य से, 80% समस्याओं को हल करता है, शेष 20% एक प्रसिद्ध विधि का उपयोग करके कोड को हल करता है:

 - (BOOL)hasFourInchDisplay { return ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPhone && [UIScreen mainScreen].bounds.size.height == 568.0); } 

महत्वपूर्ण स्थानों में, इस कोड का उपयोग करें, और एनिमेशन और फ़्रेम को नए आकारों में अनुकूलित करें। और आपके साथ सब ठीक हो जाएगा। आपको बस नए iPhone को याद रखने की आवश्यकता है, कम से कम एक सिम्युलेटर।

हाल की तस्वीरें

दिन में जब सब कुछ व्यावहारिक रूप से तैयार था, "अतीत की तस्वीरें" एक नया सिरदर्द बन गईं। उनकी समस्या यह है कि उन्हें समय पर ढंग से अपडेट करना आवश्यक है: एक फोटो - अपडेट लिया, गैलरी से हटा दिया गया - अपडेट।
मुझे पता नहीं है कि बाकी प्रतिभागी कैसे हैं, लेकिन मुझे हाल ही में एसेटसेट और एनामर्टसेट्सएटएंडएंडएक्स enumerateAssetsAtIndexes ... पद्धति का उपयोग करते हुए तस्वीरें मिलीं। जब आप अपनी संपत्तियां लोड करते हैं तो यह विधि क्रैश हो जाती है, तो एप्लिकेशन से बाहर निकलें, गैलरी से कुछ हटाएं, और फिर आवेदन को फिर से दर्ज करें, क्योंकि एक अवैध सेट पहले से ही [NSIndexSet indexSetWithIndexesInRange:assetsRange] संग्रहीत है।
सामान्य तौर पर, प्रसव के आखिरी घंटों तक, इस समस्या ने मुझे सताया, लेकिन अब यह ठीक हो गया है।

एक उपसंहार के बजाय

इन दो हफ्तों के दौरान, मुझे बहुत अधिक विस्तार मिला, और कई दिलचस्प पहलुओं का पता चला, दोनों में विकास, प्रोग्रामिंग और छवि प्रसंस्करण, और सामान्य रूप से समान पुस्तकालयों के साथ काम करना।
मैं सभी प्रतिभागियों को शुभकामनाएँ और पुरस्कार देना चाहूँगा! _{और मेरे लिए - पहले;)}

PS मैं प्रतियोगिता के परिणाम प्रकाशित करने के बाद स्रोत कोड पोस्ट करूँगा। कि कोई ज्यादती नहीं हुई।

पीपीएस तीसरे दौर के लिए स्रोत कोड से लिंक करें: github.com/Dreddik/Phostock
स्रोत कोड बहुत गंदा है, यह बहुत जल्दी और अक्सर विचारहीन रूप से लिखा गया था। मुझे क्षमा करें :)
Xcode 4.5 और ऊपर की आवश्यकता है