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

Alex Danilo

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

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

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

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

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

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

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

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