تم توفير ميزة التوافق الأصلي مع Web Animations لأول مرة في Chrome 36، وتم تعديلها لتشمل عناصر التحكّم في التشغيل في Chrome 39. يمكن استخدام الطريقة Element.animate() لتشغيل الصور المتحركة الإلزامية مباشرةً من JavaScript، ويمكن الاستفادة من الكائن الذي يتم إرجاعه للتحكّم في تشغيل هذه الصور المتحركة. يمكنك الاطّلاع على تفاصيل هذه الطرق في المسودة الحالية من مواصفات Web Animations من W3C.
هناك مجموعة polyfill مضمّنة قيد التطوير النشط تتتبّع جميع ميزات Web Animations المُطبَّقة بشكل أصلي، وهي متوافقة مع جميع المتصفّحات الحديثة. هذه الطرق الأساسية جاهزة للاستخدام الآن، وتستحق أن تكون جزءًا من مجموعة الأدوات التي تستخدمها لإنشاء تجارب غنية تستفيد من الرسوم المتحرّكة (مثل تطبيق الويب الخاص بمؤتمر Google I/O لعام 2015).
التغييرات في أداة الإنشاء والمجموعات
توضِّح مواصفات Web Animations أيضًا المجموعات والتسلسلات، وعناصر الإنشاء للرسوم المتحركة ومشغّلاتها. كانت هذه الميزات متاحة في حزمة polyfill web-animations-next، التي تم تصميمها لعرض الميزات التي لا تزال قيد المناقشة والتي لم يتم تنفيذها بعد. استجابةً لملاحظات المطوّرين، يعيد فريق تطوير "رسومات الويب المتحركة" تسمية هذه الميزات لتكون أكثر وضوحًا.
اجتمع فريق FXTF مؤخرًا في سيدني، أستراليا، وناقش التسمية، حيث طرح عدد من المطوّرين نقاطًا صالحة حول بعض الأسماء التي تؤدي إلى الالتباس. نتيجةً لذلك، تم الاتفاق على التغييرات التالية في الأسماء:
- يصبح التأثير المتحرك تأثير الإطار الرئيسي
- يصبح AnimationSequence SequenceEffect
- يصبح AnimationGroup هو GroupEffect
- يصبح AnimationPlayer Animation
يُرجى العِلم أنّه على الرغم من توفّر الرسوم المتحرّكة ومشغّلاتها بشكلٍ أصلي في Chrome وكجزء من polyfill، يتمّ إنشاؤها حاليًا مباشرةً من خلال طريقة Element.animate(). ولن تتطلّب الرموز البرمجية الحالية التي تستخدِم الطريقة Element.animate() أي تغييرات.
تمثّل الأسماء الجديدة السلوك الذي يقدّمه كل عنصر بدقة أكبر. على سبيل المثال، تصف KeyframeEffect التأثيرات المستندة إلى اللقطات الرئيسية التي يمكن أن تستهدف عناصر HTML. في المقابل، يمثّل العنصر Animation الجديد صورة متحركة في إحدى الحالات العديدة (مثل التشغيل أو الإيقاف المؤقت وما إلى ذلك).
SourceCodeEffect
إذا كنت تستخدِم أجزاء من مسودة المواصفات من خلال web-animations-next polyfill، عليك تعديل الرمز البرمجي خلال فترة الإيقاف النهائي للإشارة إلى هذه الأسماء الجديدة. وفقًا لسياسة التغييرات في polyfill، نهدف إلى إتاحة الإصدار القديم لمدة ثلاثة أشهر وتقديم عبارات تحذيرية في وحدة التحكّم إذا كان موقعك الإلكتروني يستخدم ميزات أو أسماء متوقّفة نهائيًا.
إذا كنت مهتمًا بتجربة هذه الميزات، انتظِر إصدار 2 من الpolyfill للاستفادة من هذه الأسماء الجديدة. أخيرًا، احرص على الاشتراك في مجموعة web-animations-changes لمعرفة أي تغييرات أخرى.