Hindi subtitles

← cs255_unit1_08_s_Animation

Get Embed Code
7 Languages

Showing Revision 1 created 03/20/2013 by Nirmal Khatua.

  1. हल यह करने के लिए यह एक छोटा सा है मुश्किल देखो देता है। सबसे पहले, पर
  2. हमारे फ़ाइल के ऊपर हम की घोषणा दो नई चर, frameRate और फ्रेम। अब,
  3. frameRate का प्रतिनिधित्व करता है कितनी बार हम वास्तव में चेतन समारोह कॉल करने के लिए चाहते हैं।
  4. फ़्रेम है एक चर कि हम क्या वर्तमान फ़्रेम का प्रतिनिधित्व करने के लिए उपयोग करने के लिए जा रहे हैं
  5. में अपने फ्लिप किताब है। जब से हम पहले से ही हमारे फ्रेम सरणी उपलब्ध है, अगले है
  6. वास्तव में हमारे पूर्वनिर्धारित संपत्ति के माध्यम से लूप करें, और प्रत्येक के लोड करने के लिए कदम है
  7. फ्रेम सरणी में परिभाषित छवियों। इस प्रकार एक ही कदम 3 प्रक्रिया हम
  8. से पहले देखा था। एक नई छवि बनाने, अपने पर लोड परिणाम सेट करें, और तब इसके स्रोत सेट करें।
  9. एक बार यह किया है हम वास्तव में इस setInterval फ़ंक्शन, जो फोन करेंगे कर सकते हैं
  10. चेतन समारोह frameRate हम से पहले दिए गए पर कहते हैं। अब
  11. चेतन समारोह इसे के अंदर मुश्किल तर्क का एक छोटा सा है। सबसे पहले, हम
  12. हम परिभाषित किया गया है हमारे फ्रेम काउंटर है। हम यह क्या बाहर छवि को परिभाषित करने के लिए उपयोग करें
  13. फ्रेम सरणी के हम कैनवास करने के लिए, और जाहिर है, हमारी प्यारी पर आकर्षित करने के लिए है
  14. 192 से 197 के स्थिति। एक बार जब हम वर्तमान फ़्रेम हम वास्तव में करने के लिए है तैयार की है
  15. यह वेतन वृद्धि, और है कि जहां गणित का यह थोड़ा अच्छा टुकड़ा के साथ आता है। क्या
  16. हम क्या वेतन वृद्धि फ्रेम काउंटर और कि यह modulo द्वारा फ़्रेम की लंबाई है।
  17. क्या यहाँ पाए जाते हैं जाएगा है कि यदि फ्रेम कभी फ़्रेम लंबाई से भी लंबे समय तक हो जाता है
  18. modulo समारोह होगा है यह पाश 0 पर वापस आसपास हमें बिना सब है करने के लिए
  19. दूसरे अगर बयान शामिल। इस मठ का एक अच्छा सा टुकड़ा है कि तुम
  20. अपने कोड में रखना चाहिए। अपने नियोक्ता इसके द्वारा प्रभावित हो जाएगा। अब अगर आप
  21. सभी कोड, के बाद आप इस पर चल रहे चारों ओर ऐसा कुछ देखना चाहिए
  22. स्क्रीन। यदि आप कुछ हालांकि नोटिस हूँ, यह बिल्कुल सही नहीं लगता। आप
  23. वास्तव में प्रत्येक फ्रेम एक दूसरे से अधिक तैयार की इस तरह की बनाने के मिल
  24. हेलो प्रभाव। वहाँ के लिए एक कारण है। यह बात ध्यान रखने लायक है कैनवास
  25. वास्तव में अपने आप प्रत्येक फ्रेम स्पष्ट नहीं करता। इसके बजाय यह आप बस रखने के लिए अनुमति देता है
  26. के रूप में तुम जाओ पिक्सल यह पर जमा। प्रभाव, ghosting था टी के छुटकारा पाने के लिए आप
  27. इस पंक्ति है कि हम आसानी से हमारी पिछली समारोह से बाहर छोड़ दिया है डाल दिया है
  28. में वापस, और कि context.clearRect है। क्या यह नहीं होगा वास्तव में सभी स्पष्ट है
  29. के पिक्सेल कुछ डिफ़ॉल्ट मान हमें यह शीर्ष पर वापस आकर्षित करने के लिए अनुमति देने के लिए। तो
  30. आप पिछले छवियों वास्तव में शीर्ष पर तैयार नहीं मिलेगा। एक दूसरे के ऊपर। को
  31. परिणाम एक अच्छा, निफ्टी रोबोट आपकी स्क्रीन पर, बस की तरह चारों ओर चल रहे चल रहा है
  32. यह होना चाहिए। ClearRect के साथ परिणाम यह अच्छा, फैंसी चलने रोबोट है।