ผู้ใช้คาดหวังให้ภาพเคลื่อนไหว 60 fps ราบรื่นใน UI สมัยใหม่สำหรับอุปกรณ์หลายประเภท การบรรลุประสิทธิภาพระดับนั้นด้วยองค์ประกอบพื้นฐานของภาพเคลื่อนไหวในปัจจุบันของเว็บอาจเป็นเรื่องยาก แต่โชคดีที่ตอนนี้เรากำลังดำเนินการติดตั้งใช้งานภาพเคลื่อนไหว Blink รูปแบบใหม่ที่เพิ่งเปิดตัวใน Chrome Canary
สิ่งที่น่าตื่นเต้นเกี่ยวกับเรื่องนี้คือวิธีนี้ทำให้โครงสร้างภายในของ Blink ง่ายขึ้นและวางรากฐานสำหรับการรวมฟีเจอร์ API ใหม่จากข้อกำหนด Web Animations 1.0
ก่อนหน้านี้ ภาพเคลื่อนไหว CSS และการเปลี่ยน CSS เป็นการนำไปใช้งานแยกกัน ซึ่งเขียนขึ้นโดยอิสระและอาจใช้งานร่วมกันไม่ได้ ในช่วง 2-3 ปีที่ผ่านมา ผู้ใช้งานเบราว์เซอร์ได้ทำงานร่วมกันเกี่ยวกับรูปแบบภาพเคลื่อนไหวรุ่นถัดไปที่รองรับการทำงานต่างๆ เช่น การซิงค์ การวางภาพเคลื่อนไหวต่อกันให้ทำงานตามลำดับ การกรอไปยังจุดใดก็ได้ตามเวลาของภาพเคลื่อนไหว ซึ่งช่วยให้ภาพเคลื่อนไหวเปลี่ยนความเร็ว เล่นย้อนกลับ และอื่นๆ ได้] ความร่วมมือนี้ทำให้ข้อกำหนด Web Animations 1.0 ของ W3C ถือกำเนิดขึ้น
ขั้นตอนแรกจากทีม Blink ในการทำให้ Web Animations ใช้งานได้จริงคือการใช้ Web Animations Engine แทนการติดตั้งใช้งานภาพเคลื่อนไหว/การเปลี่ยน CSS ของ Blink ใน C++ ที่มีอยู่ เมื่อบรรลุเป้าหมายนี้แล้ว เราต้องการให้นักพัฒนาแอปจำนวนมากที่สุดตรวจสอบว่าทุกอย่างทำงานได้ตามปกติ และที่สำคัญกว่านั้นคือคอยติดตามความพยายามในการใช้งานและให้ความคิดเห็นเกี่ยวกับสิ่งที่ดี/ไม่ดีหรืออาจต้องเปลี่ยนแปลง
ขั้นตอนถัดไปคือการติดตั้งใช้งาน API ที่ช่วยให้คุณสร้าง แก้ไข และสอบถามภาพเคลื่อนไหวจาก JavaScript ได้ API นี้ออกแบบมาเพื่อให้ภาพเคลื่อนไหวทำงานได้อย่างมีประสิทธิภาพ (โดยใช้ความหมายเชิงประกาศเพื่อให้ JavaScript จัดการการสร้างภาพเคลื่อนไหวแต่ส่งการควบคุมไปยังเบราว์เซอร์) ในขณะเดียวกันก็ยังคงแสดงการควบคุมภาพเคลื่อนไหวอย่างเต็มรูปแบบแก่นักพัฒนา JavaScript
เราต้องการความคิดเห็นเกี่ยวกับ API ที่เสนอเพื่อให้แน่ใจว่าเราไม่ได้พลาดฟีเจอร์ที่จำเป็นสำหรับการควบคุมภาพเคลื่อนไหวที่มีประสิทธิภาพ เช่นเดียวกับฟีเจอร์ใหม่อื่นๆ ข้อกำหนดจะเปลี่ยนแปลงอยู่เสมอ ดังนั้นตอนนี้จึงเป็นโอกาสที่คุณจะได้แสดงความคิดเห็น โดยวิธีที่ดีที่สุดคือการสมัครรับข้อมูลและมีส่วนร่วมในรายชื่ออีเมล public-fx@w3.org (และใส่ [Web Animations] ในบรรทัดเรื่องเพื่อให้ได้รับความสนใจ)
ลองใช้เครื่องมือใหม่ที่ใช้ขับเคลื่อนภาพเคลื่อนไหวและทรานซิชัน CSS อยู่แล้วตอนนี้ และโพสต์ปัญหาที่พบในเครื่องมือติดตามข้อบกพร่องของ Chromium เพื่อให้เราทราบ
เรายินดีที่จะนำความสามารถด้านภาพเคลื่อนไหวรุ่นถัดไปมาสู่ Blink และหวังว่าจะได้ร่วมงานกับนักพัฒนาเบราว์เซอร์รายอื่นๆ เช่น WebKit และ Mozilla ที่มุ่งมั่นที่จะนำรูปแบบใหม่นี้ไปใช้ด้วย