नया वेब ऐनिमेशन इंजन, जो पलक झपकते ही सीएसएस ऐनिमेशन और ट्रांज़िशन को चलाता है

उपयोगकर्ताओं को उम्मीद होती है कि कई डिवाइसों के लिए बनाए गए आधुनिक यूज़र इंटरफ़ेस में, 60fps पर ऐनिमेशन आसानी से चलें. वेब के मौजूदा ऐनिमेशन प्राइमिटिव की मदद से, उस लेवल की परफ़ॉर्मेंस हासिल करना मुश्किल हो सकता है. हालांकि, हम Blink ऐनिमेशन को लागू करने के लिए काम कर रहे हैं. यह ऐनिमेशन, हाल ही में Chrome Canary में लॉन्च किया गया है!

इस बारे में सबसे दिलचस्प बात यह है कि इससे Blink के इंटरनल को आसान बनाया जा सकता है. साथ ही, वेब ऐनिमेशन 1.0 स्पेसिफ़िकेशन से एपीआई की नई सुविधाओं को शामिल करने की तैयारी की जा सकती है.

अब तक, सीएसएस ऐनिमेशन और सीएसएस ट्रांज़िशन को अलग-अलग लागू किया जाता था. इन्हें अलग-अलग लिखा जाता था और ये एक साथ काम नहीं करते थे. पिछले कुछ सालों से, ब्राउज़र लागू करने वाले लोग नए जनरेशन के ऐनिमेशन मॉडल पर एक साथ काम कर रहे हैं. इसमें सिंक्रोनाइज़ेशन, क्रम से चलने के लिए ऐनिमेशन को चेन करने, ऐनिमेशन के समय में मनमुताबिक पॉइंट पर जाने, ऐनिमेशन की स्पीड बदलने, रिवर्स करने वगैरह की सुविधाएं मिलती हैं.] इस वजह से, W3C स्पेसिफ़िकेशन वेब ऐनिमेशन 1.0 का जन्म हुआ.

वेब ऐनिमेशन को दुनिया के सामने लाने के लिए, Blink टीम ने सबसे पहले Blink CSS ऐनिमेशन/ट्रांज़िशन C++ को वेब ऐनिमेशन इंजन से बदला है. इस माइलस्टोन तक पहुंचने के बाद, हम चाहते हैं कि ज़्यादा से ज़्यादा डेवलपर यह देखें कि कोई समस्या तो नहीं है. साथ ही, वे इस बात पर भी नज़र बनाए रखें कि इस सुविधा को लागू करने में कोई समस्या तो नहीं आ रही. इसके अलावा, वे हमें इस बारे में सुझाव/राय दें कि क्या अच्छा/बुरा है या क्या बदलने की ज़रूरत है.

इसके बाद, हम एक ऐसा एपीआई लागू करेंगे जिसकी मदद से, JavaScript से ऐनिमेशन बनाए जा सकेंगे, उनमें बदलाव किया जा सकेगा, और उनसे जुड़ी जानकारी हासिल की जा सकेगी. एपीआई को इस तरह से डिज़ाइन किया गया है कि ऐनिमेशन बेहतर तरीके से चल सकें. इसके लिए, एपीआई में एलान वाले सिमेंटिक्स का इस्तेमाल किया जाता है, ताकि JavaScript ऐनिमेशन बना सके, लेकिन कंट्रोल ब्राउज़र को दे सके. साथ ही, JavaScript डेवलपर के पास ऐनिमेशन का पूरा कंट्रोल बना रहता है.

हम सुझाए गए एपीआई के बारे में ज़्यादा से ज़्यादा सुझाव, राय या टिप्पणियां चाहते हैं. इससे हमें यह पक्का करने में मदद मिलेगी कि हमने ऐनिमेशन को बेहतर तरीके से कंट्रोल करने के लिए ज़रूरी सुविधाओं को शामिल कर लिया है या नहीं. किसी भी नई सुविधा की तरह, इस स्पेसिफ़िकेशन में भी बदलाव होते रहेंगे. इसलिए, अब अपनी राय देने का समय आ गया है. इसके लिए, public-fx@w3.org मेलिंग सूची की सदस्यता लें और उसमें योगदान दें. साथ ही, विषय पंक्ति में [Web Animations] डालें, ताकि इस पर ध्यान दिया जा सके.

सीएसएस ऐनिमेशन और ट्रांज़िशन के लिए पहले से काम कर रहे नए इंजन को आज़माएं. अगर आपको कोई समस्या मिलती है, तो Chromium के बग ट्रैकर पर पोस्ट करें, ताकि हम इस बारे में जान सकें.

हमें Blink में अगली पीढ़ी के ऐनिमेशन की सुविधाएं लाने में खुशी हो रही है. साथ ही, हमें WebKit और Mozilla जैसे अन्य ब्राउज़र डेवलपर के साथ काम करने का इंतज़ार है. ये डेवलपर भी नए मॉडल को लागू करने के लिए प्रतिबद्ध हैं.