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