जावास्क्रिप्ट में एनीमेशन, एक शुरुआती बिंदु

मैं समझता हूं कि जेएस कैसे चलाया जाता है और मुझे लगता है कि मैं ज्यादातर डोम को समझता हूं लेकिन मुझे एनीमेशन के बारे में कोई जानकारी नहीं है। क्या यहां कोई भी अच्छी मार्गदर्शिका जानता है जो मुझे समझा सकता है कि यह जावास्क्रिप्ट में कैसे किया गया है?

इसके अलावा, क्या मुझे एनीमेशन के लिए जावास्क्रिप्ट पर भी विचार करना चाहिए? क्या मुझे इसके बजाय फ्लैश सीखना चाहिए?

0
ro fr bn

4 उत्तर

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

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

फ्लैश से बचें, इसकी एक भयानक आवश्यकता है, Google द्वारा अनजान, ब्राउज़र और सिस्टम (जैसे आईफोन) के समूह द्वारा असमर्थित और सबसे महत्वपूर्ण बात यह है कि यह आपको वेब मानकों को पुन: पेश करने के लिए मजबूर करता है (जैसे स्क्रॉल बार और व्हाट्नॉट), दूसरी ओर जावास्क्रिप्ट आसान है नोस्क्रिप्ट केस में बनाए रखने और कोड के लिए।

अपने एनिमेशन के लिए scriptac आज़माएं;

ध्यान दें कि एक गैज़िलियन जेएस एनीमेशन पुस्तकालय हैं, कुछ वाकई अच्छे jQuery दिमाग में आता है। आमतौर पर वे बस एक स्क्रिप्ट टैग और सेटअप करने के लिए एक ऑनक्लिक घटना हैं।

सौभाग्य!

/एमपी

0
जोड़ा

बर्नार्ड Sumption के Animator.js जैसे जेएस एनीमेशन फ्रेमवर्क देखें। यह बहुत हल्का वजन है और इसमें कुछ उत्कृष्ट उदाहरण हैं।

व्यक्तिगत रूप से, मैं जेएस में चीजों को एनिमेट नहीं करूँगा। फ्लैश एफटीडब्ल्यू।

0
जोड़ा

यदि आप आईई समर्थन से चिंतित नहीं हैं, तो आप कैनवास तत्व के साथ प्रयोग करने का भी प्रयास कर सकते हैं:

MOZILLA DEVELOPER NETWORK Basic animations

0
जोड़ा