Android - सरल DOF प्रभाव के साथ OpenGL ES 2.0 पर लाइव वॉलपेपर

एप्लिकेशन बनाने का विचार एक वीडियो था, बदले में, डेस पूर्व: मानव क्रांति के डिजाइन से प्रेरित था, अर्थात् ग्लास टुकड़े के साथ इसके तत्व। कुछ दिनों में, दृश्य का अंतिम दृश्य परिपक्व हो गया और परिणामस्वरूप, समाप्त आवेदन का पहला संस्करण सप्ताहांत में बनाया गया था।

दृश्य निर्माण

दृश्य बेहद सरल है। इसमें हवा में मंडराने वाले कांच के टुकड़े आसानी से घूमते हैं। टुकड़ों को 2 समूहों में विभाजित किया जाता है - निकट और दूर स्थित। दूरी में वस्तुएं दृश्य को अतिरिक्त मात्रा देने के लिए धुंधली हैं। मनमाने रंग की एक धुंधली पृष्ठभूमि भी है। कैमरा स्क्रीन के पार उंगली की गति के अनुसार बाएं और दाएं चलता है, और इस प्रकार टुकड़े चलते हैं।

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

ऐसे सरल तरीके से, हमने डेप्थ ऑफ फील्ड (डीओएफ) के सरलीकृत प्रभाव को लागू किया, जो किसी दिए गए दृश्य के लिए काफी है। पूर्ण-विकसित DOF कार्यान्वयन कुछ अधिक जटिल और अधिक संसाधन-गहन है। ऐसा करने के लिए, दृश्य की गहराई का एक नक्शा, अलग-अलग बनावट में तैयार दृश्य को प्रस्तुत करना आवश्यक होगा, और यह फिर से धुंधला हो जाएगा। और फिर पहले से ही स्क्रीन पर एक धुंधले और स्पष्ट दृश्य को आकर्षित करते हैं, उन्हें गहराई के नक्शे और कैमरा फोकस सेटिंग्स के अनुसार मिलाते हैं।

कार्यान्वयन

चूंकि दृश्य में सभी ऑब्जेक्ट पारदर्शी हैं, सभी रेंडरिंग अलग-अलग सम्मिश्रण मोड के साथ किया जाता है। उसी समय, गहराई बफर नहीं लिखा जाता है ताकि पारदर्शी चश्मा उनके पीछे की वस्तुओं को काट न दें। चूंकि चश्मा स्वयं कम होते हैं, इसलिए यह बहुत बार-बार पिक्सेल का प्रतिपादन नहीं करता है। हाइलाइट और प्रतिबिंब बनाने के लिए, एक 128x128 क्यूबमैप के साथ टुकड़े टुकड़े खींचे जाते हैं।

बैकग्राउंड रेंडरिंग ऑर्डर:

1. वांछित रंग में glClearColor के साथ FBO स्क्रब करें।
2. फ्रेम बफर के पूरे आकार के लिए एक मुखौटा शीर्ष पर खींचा गया है। इस प्रकार, हमें एक ठोस रंग के बजाय पृष्ठभूमि के लिए सजावटी रंगीन धुंधले धब्बे मिलते हैं।
3. फिर पृष्ठभूमि के लिए खिड़कियां तैयार की जाती हैं। रिज़ॉल्यूशन 256x256 है, छवि बहुत पिक्सेल है।
4. पूरी पृष्ठभूमि को धुंधला करें। पृष्ठभूमि का कम रिज़ॉल्यूशन लगभग अगोचर है।

मुख्य दृश्य को आकर्षित करना और दो योजनाओं को व्यवस्थित करना:

1. स्क्रीन की सफाई।
2. पृष्ठभूमि ड्राइंग।
3. अग्रभूमि के चश्मे का प्रतिपादन।
यह प्रतिपादन गहराई बफ़र को लिखे बिना किया जाता है, क्योंकि सभी वस्तुएँ पारदर्शी होती हैं।

बैकग्राउंड ब्लर

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

यह उल्लेखनीय है कि आधुनिक फोन और टैबलेट (और यहां तक ​​कि बहुत पुराने डिवाइस भी) केवल एक ही नहीं, बल्कि ब्लर के कई पुनरावृत्तियों को जल्दी से पूरा करने का प्रबंधन कर सकते हैं। व्यवहार में, यह निकला कि नेक्सस 10 256x256 बनावट ब्लर के 6-8 पास के साथ भी 50-40 एफपीएस स्थिर उत्पादन करता है, और एक पास पूर्ण - क्षैतिज + ऊर्ध्वाधर धब्बा है।

टेक्सचर रेजोल्यूशन, पास और ब्लर क्वालिटी का काफी समझौता अनुपात चुनने पर, हम तीन पुनरावृत्तियों और 25625256 के रिज़ॉल्यूशन पर सेट हो गए।

माली

पिछले लेख में, मैंने एक पत्थर को एनवीडिया गार्डन में फेंक दिया। ऐसा इसलिए नहीं है क्योंकि मुझे सिर्फ nVidia पसंद नहीं है - मैं किसी भी अन्य हार्डवेयर निर्माताओं को पसंद नहीं करता हूं जो अपने GPU के लिए छोटी गाड़ी चालक प्रदान करते हैं। उदाहरण के लिए, वर्णित लाइव वॉलपेपर विकसित करते समय, उन्हें नेक्सस 10 पर एक समस्या का सामना करना पड़ा। समस्या बनावट में गलत प्रतिपादन है, और यह केवल तब ही प्रकट होता है जब डिवाइस का ओरिएंटेशन बदलता है। टेबलेट का अभिविन्यास कैसे प्रभावित कर सकता है बनावट का प्रतिपादन हमारे लिए एक रहस्य बना हुआ है, लेकिन यह एक तथ्य है।

सबसे पहले, यह सुनिश्चित करने के लिए कि मैंने संदर्भ को शुरू करते समय बस कुछ बारीकियों को याद किया, मैंने स्टैक ओवरफ़्लो पर एक प्रश्न लिखा: stackoverflow.com/questions/17403197/nexus-10-render-to-external -rendertarget-works-only-in-in परिदृश्य और यहां यह एआरएम कर्मचारियों के काम की प्रशंसा करने लायक है। समर्थन करते हैं। कुछ दिनों के बाद, मुझे एआरएम इंजीनियर से एक पत्र मिला, जिसमें उन्होंने माली डेवलपर सेंटर फोरम को इस बग के बारे में एक सुझाव दिया था। मैंने एक सरल परीक्षण एप्लिकेशन तैयार किया और त्रुटि को पुन: प्रस्तुत करने के लिए चरणों का वर्णन किया: मंचों ।arm.com / index.php ?/ topic / 16894-nexus-10-render-to-external-rendertarget-works-only-in-landscape / page__gopid__41612 । और केवल 4 (!) दिनों के बाद मुझे जवाब मिला कि नेक्सस 10. के लिए वीडियो ड्राइवर के वर्तमान संस्करण में वास्तव में एक बग है। सबसे दिलचस्प बात यह है कि एआरएम ने मेरी समस्या को हल करने के लिए वर्कअराउंड का सुझाव दिया, जिसने चमत्कारिक रूप से मदद की - आपको बस ग्लॉकपोर्ट कॉल करने की आवश्यकता है ) glBindFramebuffer () के बाद। ऐसे लोगों के काम के लिए। उन्हें जीवन में एआरएम सहायता के लिए एक स्मारक रखना चाहिए - एक एआरएम कर्मचारी मेरे ई-मेल को खोजने के लिए बहुत आलसी नहीं था (और वह स्टैक ओवरफ्लो पर सूचीबद्ध नहीं है), और उन इंजीनियरों। एआरएम समर्थन पाया और समस्या को हल कर दिया, जो मुझे उम्मीद थी।

Nexus 10 पर Android की गुणवत्ता में रुचि रखने वाला कोई भी व्यक्ति, Google ट्रैकर में संबंधित बग के लिए वोट करें: code.google.com/p/android/issues/detail?id=57391

परिणाम

आप Google Play से इस कार्यक्रम को डाउनलोड कर सकते हैं: play.google.com/store/apps/details?id=org.androidworks.livewallpaperglass पर

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