Mo.js - वेब के लिए एक पूर्ण मोशन ग्राफिक्स लाइब्रेरी

वेब पर एनिमेशन यहां रहने के लिए है जावास्क्रिप्ट केवल अधिक शक्तिशाली हो रही है और ब्राउज़र समर्थन हर गुजरते साल के साथ बढ़ रहा है.

इंटरफ़ेस पर ध्यान केंद्रित करने वाले अधिकांश एनिमेशन: ड्रॉपडाउन मेनू, टैब किए गए बटन और स्लाइडशो सामान्य उदाहरण हैं.

लेकिन Mo.js अलग है। यह है एक जावास्क्रिप्ट पुस्तकालय कस्टम गति ग्राफिक्स के लिए बनाया गया है डिजाइनरों को अद्भुत एनिमेटेड सुविधाएँ बनाने में मदद करने के लिए जो सरल यूआई / यूएक्स ट्रिक से परे हैं.

यदि आप Mo.js होमपेज पर जाते हैं तो आप पाएंगे पूर्ण प्रलेखन शुरुआती के लिए एक महान ट्यूटोरियल के साथ.

इस पर ध्यान दें पुस्तकालय के साथ काम करने के लिए बहुत कठिन है. अपने दम पर Mo.js के साथ छेड़छाड़ करने से पहले आपको मूल दृश्यपटल कोडिंग से परिचित होना चाहिए। हालाँकि, बहुत कुछ है जिसे आप केवल लाइव डेमो का अध्ययन करके और कुछ स्रोत कोड में खुदाई करके उठा सकते हैं.

यदि आप कार्रवाई में कुछ डेमो देखना चाहते हैं तो मुख्य GitHub रेपो पर एक नज़र डालें.

सभी MoP.js डेमो की विशेषता CodePen से लिंक की एक पूरी सूची है। इसमें शामिल है फुलस्क्रीन पेज एनीमेशन लोडर, क्लिक-टू-चेतन माइक्रोएन्‍टोर्स, और आकार जोड़तोड़ के टन.

उदाहरण के लिए, यह पेन यूजर इनपुट से एक बहुत ही क्रेजी माइक्रोएनेरेशन बनाता है (इसे देखने के लिए पेन के अंदर कहीं भी क्लिक करें).

इनमें से कुछ पेन शीर्ष पर महसूस हो सकते हैं लेकिन ये सिर्फ जेएस एनिमेशन नहीं हैं। वे वास्तव में कला के कार्यों की तरह हैं.

ये डेमो साबित होते हैं अभी कितनी दूर हम आए हैं वेब पर एनीमेशन के साथ। तथ्य यह है कि कोई भी केवल फ्रंटएंड कोड का उपयोग करके इन प्रभावों को बना सकता है, बस अविश्वसनीय है.

यदि आप Mo.js से अधिक देखना चाहते हैं GitHub पर डेमो पर एक नज़र है। आप इस ट्यूटोरियल को पढ़ाना भी पसंद कर सकते हैं कि Mo.js लाइब्रेरी के साथ कैसे काम करना है.

किसी भी तरह से, यह है मेरे पसंदीदा एनीमेशन पुस्तकालयों में से एक तारीख तक। यह इतना नियंत्रण प्रदान करता है कि आप कहीं और नहीं खोज सकते। और यह मोबाइल एप्लिकेशन से वेब डिज़ाइन में माइक्रोएन्थरेंस लाने में मदद कर रहा है.