DisplayObject को ट्विन करते समय एक फ्लैश नंबर का गणित

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

मैंने स्क्रैच से एक टर्नर कोड लिखने की कोशिश की और यह पता चला कि मेरा संस्करण भी अजीब व्यवहार करता है, इस तथ्य के बावजूद कि स्तर केवल एक था और एफपीएस स्थिर था। समस्या को हल करने की प्रक्रिया में, मैंने कुछ बढ़िया फ़्लैश ट्रिक्स सीखे, जिन्हें मैं साझा करना चाहता हूँ।

ऐसा लगता है, क्या कठिनाइयाँ हो सकती हैं? अपने स्वयं के टर्नर के निर्माण में, हम ऑब्जेक्ट के लिए एक लिंक पास करते हैं, जो पैरामीटर को बदला जाना चाहिए, अंतिम मूल्य और समय / फ्रेम, जिसके लिए इस पैरामीटर को आसानी से अंतिम रूप लेना चाहिए। सादगी के लिए, हम फ्रेम-दर-फ्रेम मूल्य परिवर्तन के मामले को लेते हैं:

public class SomeTweener { private var _obj:Object; private var _paramName:String; private var _endValue:Number; private var _frames:Number; public function SomeTweener(obj:Object, paramName:String, endValue:Number, frames:Number) { _obj = obj; _paramName = paramName; _endValue = endValue; _frames = frames; } } 

हां, यह निर्धारित करने का सबसे आसान तरीका है कि मूल्य को अपडेट करने का समय कब है। निर्माणकर्ता को दिए गए DisplayObject से Event.ENTER_FRAME इवेंट की सदस्यता लें। हालांकि, हम आसान तरीकों की तलाश नहीं कर रहे हैं और ट्विन को सार्वभौमिक बनाते हैं। यही है, एक है जो न केवल DisplayObject के मापदंडों को बदलता है। इसलिए, आपको as3 की एक और अनिर्दिष्ट अल्प-ज्ञात विशेषता का उपयोग करना होगा:

DisplayList में जोड़ा गया कोई भी DisplayObject सही ढंग से प्रति फ्रेम एक इनपुट ईवेंट प्राप्त नहीं करेगा।

निर्माता बदलें:

 import flash.display.Shape; import flash.events.Event; import flash.events.IEventDispatcher; public class SomeTweener { private var _obj:Object; private var _paramName:String; private var _endValue:Number; private var _frames:Number; private var eventDispatcher:IEventDispatcher; public function SomeTweener(obj:Object, paramName:String, endValue:Number, frames:Number) { _obj = obj; _paramName = paramName; _endValue = endValue; _frames = frames; eventDispatcher = new Shape(); eventDispatcher.addEventListener(Event.ENTER_FRAME, tween); } private function tween(e:Event):void { } } 

आप इसे स्वयं देख सकते हैं। ट्वीन विधि को नियमित रूप से एफपीएस पर बुलाया जाएगा।

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

 import flash.display.Shape; import flash.events.Event; import flash.events.IEventDispatcher; public class SomeTweener { private var _obj:Object; private var _paramName:String; private var _endValue:Number; private var _frames:Number; private var eventDispatcher:IEventDispatcher; private var increment:Number; public function SomeTweener(obj:Object, paramName:String, endValue:Number, frames:Number) { _obj = obj; _paramName = paramName; _endValue = endValue; _frames = frames; increment = (endValue - Number(obj[paramName])/frames; eventDispatcher = new Shape(); eventDispatcher.addEventListener(Event.ENTER_FRAME, tween); } private function tween(e:Event):void { if (_frames == 0) { e.currentTarget.removeEventListener(e.type, tween); return; } obj[paramName] += increment; _frames--; } } 

टर्निंग के शेष "टिक्स" के लिए एक काउंटर के रूप में फ़्रेम का उपयोग करना ठीक है: हम सेकंड के समय के रूप में उपयोग नहीं करने पर सहमत हुए। इसके अलावा, फ्रेम पैरामीटर को छोड़कर, इसका उपयोग कंस्ट्रक्टर में कहीं भी नहीं किया जाता है और कोई भी (यहां तक ​​कि) हमें अपने स्वयं के प्रयोजनों के लिए मूल्य को पारित मूल्य को बदलने के लिए दोषी नहीं ठहराएगा।

ऐसा प्रतीत होता है - सभी प्रकार से तैयार है। और यह भी काम करेगा, और ज्यादातर मामलों में - सही ढंग से भी। लेकिन एक मामला है जब वह किसी भी मामले में सामान्य परिणाम नहीं देगा। मैं एक छोटा सा उदाहरण दूंगा:

 import flash.display.Sprite; import flash.events.Event; public class SomeClass extends Sprite { private var sprite:Sprite; public function SomeClass() { sprite = new Sprite(); sprite.x = 1; sprite.addEventListener(Event.ENTER_FRAME, traceSome); var tween:SomeTweener = new SomeTweener(sprite, 'x', -1, 40); } private function traceSome(e:Event):void { trace(sprite.x); } } 

इस कोड को कॉल करने के परिणामस्वरूप ट्रेस हमें क्या देगा? तार्किक रूप से, चालीस संख्याओं का एक स्तंभ 0.05 की वेतन वृद्धि में घटता है। व्यवहार में, किसी भी DisplayObject में कम से कम एक और अनैच्छिक सुविधा है: इसके निर्देशांक (और संभवतः कुछ अन्य गुण) हमेशा 0.05 के गुणक होते हैं। उन्हें एक से अधिक मान देने का प्रयास विफल हो जाएगा: अगली बार जब इसे तैयार किया जाएगा, तो इसे निकटतम बहु से शून्य तक पूरा किया जाएगा। इस विशेष उदाहरण में, इस प्रभाव से हमें कोई खतरा नहीं होना चाहिए (वास्तव में, यह स्वयं इसकी सभी महिमा में प्रकट होता है), लेकिन, उदाहरण के लिए, फ्रेम के मूल्य में वृद्धि, जिसके दौरान ट्विनिंग 80 तक दिखाई देनी चाहिए, हमें 0.025 और प्रक्षेपवक्र "फ्रीज" के बराबर वेतन वृद्धि मिलती है “शून्य पर, कभी नहीं पहुंचता -1।

एक और विशेषता है। FlashPlayer रनटाइम में, संख्या प्रकार 64-बिट फ़्लोटिंग-पॉइंट संख्या है। इस वजह से, अक्सर ओवरले होते हैं। एक उदाहरण के साथ समझाने का सबसे आसान तरीका:

 trace(String(-.35 - .05)) // 0.39(9)97 

यह एक फ्लैश प्रकार संख्या के सभी मूल्यों के साथ व्यवहार करता है (जिसमें DisplayObject समन्वय क्षेत्रों को शामिल किया गया है), वहाँ कुछ भी नहीं किया जाना है। यह बिलकुल स्वाभाविक है कि हमारे SomeClass वर्ग की ट्रेससोम विधि का उदाहरण 40 फ्रेमों के लिए ट्विन करने पर भी विफल हो जाएगा। अभ्यास से पता चला है कि स्प्राइट। X प्रत्येक फ्रेम के लिए -0.35 के मूल्य से ठीक से स्थानांतरित नहीं हो पाएगा। चक्र इस प्रकार है:

1. ऑब्जेक्ट फ़ील्ड का मान लें (-0.35)
2. हम इसे वेतन वृद्धि (-0.35 + (-0.05) = -0.39 (9) 97) के मान से बढ़ाते हैं
3. हम इसे वस्तु क्षेत्र में लिखते हैं (-0.39 (९) ९ the)
4. (छिपी आवश्यक वस्तु) DisplayObject उदाहरण समन्वय फ़ील्ड मान गोल है (-0.35)
5. हम अगले फ्रेम में प्रवेश करते हैं और ऑब्जेक्ट फील्ड का मान लेते हैं (-0.35)
6. गोटो २

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

 import flash.display.Shape; import flash.events.Event; import flash.events.IEventDispatcher; public class SomeTweener { private var _obj:Object; private var _paramName:String; private var _endValue:Number; private var _frames:Number; private var eventDispatcher:IEventDispatcher; private var increment:Number; private var currentValue:Number; public function SomeTweener(obj:Object, paramName:String, endValue:Number, frames:Number) { _obj = obj; _paramName = paramName; _endValue = endValue; _frames = frames; currentValue = Number(obj[paramName]); increment = (endValue - Number(obj[paramName])/frames; eventDispatcher = new Shape(); eventDispatcher.addEventListener(Event.ENTER_FRAME, tween); } private function tween(e:Event):void { if (_frames == 0) { e.currentTarget.removeEventListener(e.type, tween); return; } currentValue += increment; obj[paramName] = currentValue; _frames--; } } 

ऐसा लगता है, MVC को इसके साथ क्या करना है? :-)

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