फ्लैश में ब्लूम पोस्ट प्रभाव को कैसे लागू किया जाए

सबसे पहले, मैं वास्तव में अद्भुत अभिनेता और चलने के बाद के प्रभाव को एक विशाल नमस्ते कहना चाहता हूं: ऑरलेंडो ब्लूम। जब तक Google मौजूद रहता है, तब तक आपको भुलाया नहीं जा सकता।

भाग एक blurs

महत्वपूर्ण सीमा

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

छवि की तैयारी

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

private function itsRenderTime(e:Event):void { //No, dad, no!
camera.view.renderToBitmap = true;
camera.render(stage3d);
realisePostEffect(camera.view.canvas);
}

खुद को धुंधला कर लें

यह आमतौर पर निम्नलिखित छवि कलंक एल्गोरिथ्म का उपयोग करने के लिए स्वीकार किया जाता है:

1. सबसे पहले, हम प्रोसेसर पर लोड को कम करने के लिए रेंडरर से प्राप्त छवि को कम करते हैं - इसे प्रत्येक पिक्सेल पर एक ही जटिल ऑपरेशन करना होगा।
2. अगला कदम वर्तमान के पिक्सेल के प्रत्येक पड़ोसी के औसत रंग का पता लगाना और उसे समान शेयरों में वर्तमान के रंग के साथ मिलाना है। यदि "बढ़ाया" धुंधला का उपयोग किया जाता है, तो पड़ोसियों के पड़ोसियों के रंग पहचाने जाते हैं; ऐसे पिक्सेल के रंग का प्रभाव दूरी से व्युत्क्रमानुपाती होता है (शायद इसका वर्ग भी, विवरण में नहीं गया) उन्हें वर्तमान से।
3. धब्बा की गुणवत्ता बढ़ाने के लिए चरण 2 को कई बार दोहराया जा सकता है। सैद्धांतिक रूप से, इसे कई बार मनमाना प्रदर्शन किया जा सकता है, हालांकि, प्रयोगात्मक रूप से, दूसरे पैराग्राफ को तीन बार करते समय सबसे अच्छी गुणवत्ता / प्रदर्शन अनुपात स्थापित किया गया था। स्मार्ट लेख कहते हैं कि इस तरह से गॉसियन कलंक के लिए निकटतम दृष्टिकोण हासिल किया जाता है, लेकिन आप इस लेख में विवरण नहीं देखेंगे, इसलिए बस एक शब्द लें।
4. परिणामी धुंधली तस्वीर फिर से फिट करने के लिए प्रदान किए गए आकार तक फैली हुई है।
5. धुंधली और प्रदान की गई छवियों को [अर्ध] अस्पष्टता के साथ मिश्रित किया जाता है।

आइटम 2 और 3 के साथ, ब्लरफिल्टर नामक अंतर्निहित फ्लैश फिल्टर एक महान काम करता है। 1 और 4 बिटमैपडेटा उदाहरण के ड्रा विधि को कॉल करते समय एफ़िन परिवर्तनों के मैट्रिक्स को लागू करके प्रदान किए जाते हैं। खैर, पांचवें आइटम को ColorTransform उदाहरण के निर्माता मापदंडों को सेट करके लागू करना आसान है। यह केवल स्क्रीन पर तस्वीर दिखाने के लिए बनी हुई है, जिसे [बच्चे] स्टेज में जोड़े गए वैकल्पिक पुस्तकालय की प्रतिलिपि सहायता के बिना सामना कर सकती है:

private function realisePostEffect(canvas:BitmapData):void {
var _scaling:int = 4 // 16 (4*4) .
var _power:int = 4 //
var _alpha:Number = .5 //
var _quality:int = 3 // ,

var _cT:ColorTransform = new ColorTransform(1, 1, 1, _alpha);
var _bloomData:BitmapData = new BitmapData(canvas.width / _scaling, canvas.height / _scaling, true, 0);
var matrix:Matrix = new Matrix();
matrix.scale(1 / _scaling, 1 / _scaling);
_bloomData.draw(canvas, matrix, _cT);
_bloomData.applyFilter(_bloomData, _bloomData.rect, new Point(), new BlurFilter(_power, _power, _quality));
matrix.invert();
canvas.draw(_bloomData, matrix);
}

बिना पोस्ट-प्रोसेसिंग और इसके साथ छवि:


विकास के स्तर पर, अपने रनटाइम को बदलने और सुंदरता और प्रदर्शन के बीच वांछित संतुलन तक तस्वीर को समायोजित करने के लिए, एक मनमानी वर्ग की स्थिर संपत्ति में _scaling, _power, _alpha और _quality डाल करने के लिए बहुत सुविधाजनक हो सकता है। या आप ग्राफिक्स सेटिंग मेनू के माध्यम से उन्हें सीधे उपयोगकर्ता में बदल सकते हैं।

जल्द ही आ रहा है: एचडीआर प्रभाव - तस्वीर को उज्ज्वल करना और बफर को कैसे महसूस करना है।