התמיכה המקורית באנימציות באינטרנט נשלחה לראשונה ב-Chrome 36, ועודכנה בבקרת ההפעלה ב-Chrome 39. ניתן להשתמש בשיטה Element.animate() כדי להפעיל אנימציות ציווי ישירות מ-JavaScript, וניתן להשתמש באובייקט שמוחזר כדי לשלוט בהפעלה של האנימציות האלה. השיטות האלה מפורטות בטיוטה הנוכחית של מפרט W3C לאנימציות באינטרנט.
יש polyfill שנשלח בפיתוח פעיל שעוקב אחר כל התכונות של אנימציות באינטרנט שמיושמות באופן מקורי, והנתמכות בכל הדפדפנים המודרניים. שיטות הליבה האלה מוכנות לשימוש כבר עכשיו, ומגיעות להיות חלק מארגז הכלים שלכם לבניית חוויות עשירות שיועילו מאנימציות (למשל, אם משתמשים באפליקציית האינטרנט Google I/O 2015.
שינויים במבנים ובקבוצות
המפרט של אנימציות באינטרנט מתאר גם קבוצות ורצפים ובונים של אנימציות ונגנים. האפשרויות האלה זמינות ב-Polyfill מסוג אנימציות-הבאות, שתוכנן להציג תכונות שעדיין נמצאות בדיון ועדיין לא מיושמות באופן מקורי. כתגובה למשוב שקיבלנו ממפתחים, הצוות שמפתח את 'אנימציות באינטרנט' משנה את השמות של התכונות האלה כדי שיהיה קל יותר להבין אותן.
ארגון FXTF נפגש לאחרונה בסידני שבאוסטרליה ודנו בnaming, כיוון שכמה מפתחים העלו טענות תקפות לגבי חלק מהשמות המבלבלים. כתוצאה מכך, הוסכם על השינויים הבאים בשמות:
- אנימציה הופכת ל-KeyframeEffect
- AnimationSequence הופך ל-AnimationSequence
- AnimationGroup הופכת ל-GroupEffect
- הערך AnimationPlayer הופך לאנימציה
חשוב לזכור שלמרות שהאנימציות והנגנים זמינים באופן מקורי ב-Chrome וכחלק מה-polyfill, הם נוצרים כרגע ישירות באמצעות שיטת Element.animate(). לא יהיה צורך לבצע שינויים בקוד קיים שמשתמש בשיטה Element.animate().
השמות החדשים מייצגים בצורה מדויקת יותר את ההתנהגות שסופקה על ידי כל אובייקט. לדוגמה, KeyframeEffect מתאר אפקטים מבוססי-תמונת מפתח שיכולים לטרגט לרכיבי HTML. לעומת זאת, האובייקט Animation החדש מייצג אנימציה באחד מהמצבים הרבים (כמו מופעל, מושהה וכו').
SourceCodeEffect
אם אתם משתמשים בחלקים מהמפרט של הטיוטה דרך ה-polyfill עם אנימציות האינטרנט הבאות, תצטרכו לעדכן את הקוד במהלך תקופת ההוצאה משימוש כך שישקף את השמות החדשים. בהתאם למדיניות השינויים ב-polyfill, אנחנו שואפים לתמוך בגרסה ישנה למשך שלושה חודשים ולספק הצהרות אזהרה במסוף אם האתר שלכם משתמש בתכונות או בשמות שהוצאו משימוש.
אם רוצים לנסות את התכונות האלה, כדאי לשים לב לגרסת V2 של ה-Polyfill כדי לנצל את השמות החדשים. לסיום, כדאי להירשם לקבוצה שינויים באנימציות-אינטרנט כדי לקבל מידע על שינויים נוספים.