מנוע אנימציות חדש באינטרנט בהבהוב גורם לאנימציות ולמעברים ב-CSS

Alex Danilo

המשתמשים מצפים לאנימציות חלקות של 60fps בממשקי משתמש מודרניים שמתאימים למכשירים מרובים. להגיע לרמת ביצועים זו באמצעות עקרונות האנימציה הנוכחיים של האינטרנט עלול להיות מסובך. למרבה המזל, אנחנו עובדים על הטמעה חדשה של אנימציית Blink שנשלחה ב-Chrome Canary!

העובדה הזו מפשטת את התכונות הפנימיות של Blink ומציבה את היסודות להכללה של תכונות API חדשות במסגרת המפרט של 'אנימציות באינטרנט 1.0'.

עד עכשיו, אנימציות של CSS ומעברים של CSS היו יישומים נפרדים, שנכתבו בנפרד, ולא בהכרח פעלו ביחד. בשנים האחרונות, הטמעות הדפדפנים עבדו יחד על מודל אנימציה מהדור הבא עם תמיכה בדברים כמו סנכרון, שרשור אנימציות כדי שיפעלו ברצף, דילוג לנקודות שרירותיות בזמן האנימציה, המאפשר לאנימציות לשנות מהירות, להפוך ועוד.] המאמץ הוביל ליצירת מפרט W3C Web Animations 1.0.

השלב הראשון של צוות Blink בהשקת אנימציות באינטרנט הוא החלפה של היישום הקיים של Blink אנימציות/מעברים ב-C++ במנוע 'אנימציות באינטרנט'. אחרי שהגעתם לציון הדרך הזה, אנחנו רוצים שמפתחים רבים ככל האפשר יבדקו אם לא משהו שבור, וחשוב יותר לעקוב אחרי מאמצי ההטמעה ולתת לנו משוב על הדברים הטובים/הרעים שכדאי לשנות.

בשלב הבא נטמיע ממשק API שיאפשר לכם ליצור, לשנות ולחקור אנימציות מ-JavaScript. ממשק ה-API נועד לאפשר לאנימציות לפעול ביעילות (באמצעות סמנטיקה מוצהרת, כך ש-JavaScript מנהל את יצירת האנימציות אבל מעביר את השליטה לידי הדפדפן) ועדיין חושף את בקרת האנימציה המלאה למפתח ה-JavaScript.

אנחנו מעוניינים במשוב פעיל לגבי ה-API המוצע, כדי לוודא שלא החמצנו תכונות כלשהן שנדרשות לבקרת אנימציה מתקדמת. כמו בכל תכונה חדשה, המפרט ימשיך להשתנות, ולכן עכשיו הזמן להשמיע את קולכם - באופן אידיאלי, כדאי להירשם לרשימת התפוצה public-fx@w3.org (ולכתוב את [אנימציות באינטרנט] בשורת הנושא כדי שישימו לב).

כדאי לנסות את המנוע החדש שכבר מפעיל את האנימציות והמעברים ב-CSS כבר עכשיו, ולפרסם פרטים מוזרים בכלי למעקב אחרי באגים ב-Chromium כדי שנדע על כך.

אנחנו שמחים להעמיד ל-Blink את הדור הבא של יכולות האנימציה, ולהעביר את המסר במסגרת העבודה עם מפתחי דפדפנים אחרים כמו WebKit ו-Mozilla, שגם התחייבו ליישם את המודל החדש.