موتور جدید انیمیشن های وب در چشمک، انیمیشن ها و انتقال های CSS را هدایت می کند

Alex Danilo

کاربران انتظار دارند انیمیشن‌های صاف 60 فریم در ثانیه در رابط‌های کاربری چند دستگاهی مدرن باشند. دستیابی به چنین سطحی از عملکرد با انیمیشن های ابتدایی فعلی وب می تواند دشوار باشد. خوشبختانه ما در حال کار بر روی اجرای جدید انیمیشن Blink هستیم که به تازگی در Chrome Canary ارسال شده است!

چیزی که در این مورد هیجان انگیز است این است که داخلی Blink را ساده می کند و زمینه را برای گنجاندن ویژگی های API جدید از مشخصات Web Animations 1.0 فراهم می کند.

تا به حال، CSS Animations و CSS Transitions پیاده سازی های جداگانه ای بودند که به طور مستقل نوشته شده بودند، که لزوماً با هم خوب بازی نمی کردند. در چند سال گذشته، پیاده‌کننده‌های مرورگر روی یک مدل انیمیشن نسل بعدی با پشتیبانی از مواردی مانند همگام‌سازی، زنجیره‌ای کردن انیمیشن‌ها برای اجرای متوالی، جستجوی نقاط دلخواه در زمان انیمیشن، اجازه دادن به انیمیشن‌ها برای تغییر سرعت، معکوس کردن و غیره کار کرده‌اند. .] این تلاش منجر به شکل گیری مشخصات W3C Web Animations 1.0 شد.

اولین قدم از تیم Blink در ارائه Web Animations به جهان، جایگزینی پیاده‌سازی Blink CSS Animations/Transitions C++ با موتور Web Animations است. با رسیدن به آن نقطه عطف اکنون، ما می خواهیم تا آنجا که ممکن است توسعه دهندگان بیشتری بررسی کنند که هیچ چیز خراب نشده است و مهمتر از آن تلاش های پیاده سازی را زیر نظر داشته باشند و در مورد چیزهایی که خوب/بد هستند یا ممکن است نیاز به تغییر داشته باشند به ما بازخورد بدهند.

بعدی پیاده سازی API است که به شما امکان می دهد انیمیشن ها را از جاوا اسکریپت ایجاد، اصلاح و بازجویی کنید. API به گونه‌ای طراحی شده است که به انیمیشن‌ها اجازه می‌دهد کارآمد اجرا شوند (با استفاده از معناشناسی اعلامی، بنابراین جاوا اسکریپت ایجاد انیمیشن‌ها را مدیریت می‌کند اما کنترل را به مرورگر واگذار می‌کند) در حالی که همچنان کنترل کامل انیمیشن را در اختیار توسعه‌دهنده جاوا اسکریپت قرار می‌دهد.

ما به دنبال بازخورد فعال در مورد API پیشنهادی هستیم تا مطمئن شویم هیچ ویژگی مورد نیاز برای کنترل قدرتمند انیمیشن را از دست ندهیم. مانند هر ویژگی جدید، مشخصات به تغییر ادامه خواهد داد، بنابراین اکنون زمان آن است که صدای خود را به گوش دیگران برسانید - به طور ایده آل با اشتراک و مشارکت در لیست پستی public-fx@w3.org (و قرار دادن [Web Animations] در خط موضوع تا مورد توجه قرار گیرد).

موتور جدیدی را امتحان کنید که قبلاً CSS Animations & Transitions را نیرو می‌دهد و هر گونه چیز عجیب و غریب را در ردیاب اشکال Chromium ارسال کنید تا ما در مورد آن بدانیم.

ما مشتاق هستیم که قابلیت‌های انیمیشن نسل بعدی را به Blink بیاوریم و منتظر همکاری با توسعه دهندگان مرورگرهای دیگر مانند WebKit و Mozilla هستیم که متعهد به پیاده‌سازی مدل جدید هستند.