محرك جديد للصور المتحركة على الويب في وميض يوجِّه الصور المتحركة والانتقالات في CSS

Alex Danilo

يتوقع المستخدمون أن تكون الرسومات المتحركة سلسة بمعدّل 60 لقطة في الثانية في واجهات المستخدم الحديثة المتوافقة مع الأجهزة المتعددة. قد يكون من الصعب تحقيق هذا المستوى من الأداء باستخدام العناصر الأساسية الحالية للرسوم المتحركة على الويب. لحسن الحظ، نحن نعمل على تنفيذ صورة متحركة جديدة في Blink تم طرحها للتو في Chrome Canary.

والميزة المثيرة في ذلك هي أنّه يبسط العناصر الداخلية في Blink ويضع الأساس لتضمين ميزات جديدة لواجهة برمجة التطبيقات من مواصفات Web Animations 1.0.

حتى الآن، كانت حركات CSS وعمليات النقل في CSS عمليات تنفيذ منفصلة ومكتوبة بشكل مستقل، ولم تكن تتوافق مع بعضها بشكل جيد بالضرورة. على مدار السنوات القليلة الماضية، عمل مطوّرو المتصفّحات معًا على نموذج صور متحركة من الجيل التالي يتيح استخدام ميزات مثل المزامنة وتسلسل الصور المتحركة والانتقال إلى نقاط عشوائية في وقت عرض الصور المتحركة، ما يسمح للصور المتحركة بتغيير السرعة والعكس وغير ذلك.] وقد أدّى هذا الجهد إلى إنشاء مواصفات W3C Web Animations 1.0.

الخطوة الأولى التي يتّخذها فريق Blink لطرح Web Animations في جميع أنحاء العالم هي استبدال تنفيذ رسوم/عمليات النقل المتحركة الحالية في CSS باستخدام Blink بلغة C++ بمحرك Web Animations. بعد أن وصلنا إلى هذا الإنجاز الآن، نريد أن يتحقّق أكبر عدد ممكن من المطوّرين من عدم حدوث أي مشاكل، والأهم من ذلك أن يراقبوا جهود التنفيذ ويقدّموا لنا ملاحظاتهم حول ما إذا كانت الميزات جيدة أو سيئة أو قد تحتاج إلى تغيير.

في المرحلة التالية، سيتم تنفيذ واجهة برمجة تطبيقات تتيح لك إنشاء الصور المتحركة وتعديلها واستفسارها من JavaScript. تم تصميم واجهة برمجة التطبيقات للسماح بتشغيل الصور المتحركة بكفاءة (من خلال استخدام الدلالات الوصفية لكي تدير JavaScript إنشاء الصور المتحركة ولكنّها تفوّض التحكّم إلى المتصفّح) مع الاستمرار في توفير إمكانية التحكّم الكامل في الصور المتحركة لمطوّر JavaScript.

نبحث عن ملاحظات نشطة حول واجهة برمجة التطبيقات المقترَحة للتأكّد من عدم تفويت أي ميزات مطلوبة للتحكّم بشكل فعّال في الصور المتحركة. كما هو الحال مع أي ميزة جديدة، ستستمر المواصفات في التغيير، لذا حان الوقت لإبداء رأيك، ويُفضَّل ذلك من خلال الاشتراك في القائمة البريدية public-fx@w3.org والمساهمة فيها (ووضع [Web Animations] في سطر الموضوع حتى يتم ملاحظته).

يمكنك تجربة المحرّك الجديد الذي يشغّل حاليًا الرسومات المتحركة وعمليات النقل في CSS، ونشر أي مشاكل في نظام تتبُّع الأخطاء في Chromium حتى نعرفها.

يسرّنا توفير إمكانات الجيل التالي من الرسوم المتحركة في Blink، ونتطلّع إلى العمل مع مطوّري متصفّحات آخرين مثل WebKit وMozilla الذين التزموا أيضًا بتنفيذ النموذج الجديد.