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

Alex Danilo

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

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

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

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

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

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

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

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