پشتیبانی بومی برای انیمیشنهای وب ابتدا در Chrome 36 ارسال شد و با کنترل پخش در Chrome 39 بهروزرسانی شد. متد Element.animate()
می تواند برای راه اندازی انیمیشن های ضروری به طور مستقیم از جاوا اسکریپت استفاده شود و شیء برگشتی آن می تواند برای کنترل پخش این انیمیشن ها مورد استفاده قرار گیرد. این روش ها در پیش نویس فعلی مشخصات Web Animations W3C به تفصیل آمده است.
یک polyfill ارسال شده در حال توسعه فعال است که تمام ویژگیهای Web Animations را که به صورت بومی پیادهسازی شدهاند، ردیابی میکند و در همه مرورگرهای مدرن پشتیبانی میشود. این روشهای اصلی در حال حاضر برای استفاده آماده هستند و شایسته است بخشی از جعبه ابزار شما برای ایجاد تجربیات غنی که از انیمیشنها بهره میبرند (مانند برنامه وب Google I/O 2015) باشند.
سازنده و گروه ها تغییر می کند
مشخصات Web Animations همچنین گروهها و دنبالهها و سازندههای انیمیشنها و بازیکنان را توصیف میکند. اینها در web-animations-next polyfill در دسترس بوده اند، که برای نمایش ویژگی هایی طراحی شده است که هنوز در حال بحث هستند و هنوز به صورت بومی پیاده سازی نشده اند. در پاسخ به بازخورد توسعهدهندگان، تیم توسعهدهنده انیمیشنهای وب در حال تغییر نام این ویژگیها هستند تا واضحتر باشند.
FXTF اخیراً در سیدنی، استرالیا تشکیل جلسه داد و در مورد نامگذاری بحث کرد ، زیرا تعدادی از توسعه دهندگان نکات معتبری را در مورد گیج کننده بودن برخی از نامگذاری ها مطرح کردند. در نتیجه، تغییرات نام زیر مورد توافق قرار گرفت:
- انیمیشن تبدیل به KeyframeEffect می شود
- AnimationSequence تبدیل به SequenceEffect می شود
- AnimationGroup به GroupEffect تبدیل می شود
- AnimationPlayer تبدیل به انیمیشن می شود
به یاد داشته باشید که در حالی که انیمیشنها و پخشکنندههای آنها به صورت بومی در کروم و به عنوان بخشی از polyfill در دسترس هستند، در حال حاضر مستقیماً از طریق متد Element.animate()
ایجاد میشوند. کد موجود که از متد Element.animate()
استفاده می کند نیازی به تغییر نخواهد داشت.
نام های جدید رفتار ارائه شده توسط هر شی را با دقت بیشتری نشان می دهند. به عنوان مثال، KeyframeEffect
، افکت های مبتنی بر فریم کلیدی را توصیف می کند که می تواند عناصر HTML را هدف قرار دهد. در مقابل، شی جدید Animation
یک انیمیشن را در یکی از چندین حالت (مانند پخش، مکث و غیره) نشان می دهد.
SourceCodeEffect
اگر از بخشهایی از مشخصات پیشنویس از طریق web-animations-next polyfill استفاده میکنید، باید کد خود را در دوره منسوخ شدن بهروزرسانی کنید تا این نامهای جدید منعکس شود. طبق خطمشی تغییرات polyfill ، هدف ما این است که از یک نسخه قدیمی به مدت سه ماه پشتیبانی کنیم و اگر سایت شما از ویژگیها یا نامهای منسوخ استفاده میکند، بیانیههای هشدار کنسول را ارائه کنیم.
اگر میخواهید این ویژگیها را امتحان کنید، برای استفاده از این نامهای جدید مراقب نسخه 2 پلیفیل باشید. در نهایت، حتماً در گروه web-animations-changes مشترک شوید تا از سایر تغییرات مطلع شوید.