เครื่องมือภาพเคลื่อนไหวบนเว็บใหม่ในการกะพริบช่วยขับเคลื่อนภาพเคลื่อนไหวและการเปลี่ยนภาพ CSS

Alex Danilo

ผู้ใช้คาดหวังที่จะได้ภาพเคลื่อนไหวที่ลื่นไหล 60 FPS ใน UI หลากหลายอุปกรณ์ที่ทันสมัย การจะเพิ่มประสิทธิภาพถึงระดับนั้นด้วยภาพเคลื่อนไหวพื้นฐานในปัจจุบันของเว็บอาจเป็นเรื่องยาก โชคดีที่เรากำลังพัฒนาภาพเคลื่อนไหวของ Blink ใหม่ที่เพิ่งจัดส่งใน Chrome Canary

สิ่งที่น่าตื่นเต้นคือช่วยให้การทำงานภายในของ Blink ง่ายขึ้นและวางรากฐานสำหรับการรวมฟีเจอร์ใหม่ๆ ของ API จากข้อกำหนดของ Web Animations 1.0

ก่อนหน้านี้ภาพเคลื่อนไหว CSS และการเปลี่ยน CSS เป็นการใช้งานที่แยกจากกัน โดยเขียนขึ้นมาอย่างอิสระ และอาจไม่ได้ทำงานร่วมกันได้ดีนัก ในช่วง 2-3 ปีที่ผ่านมา ผู้ติดตั้งเบราว์เซอร์ได้ทำงานร่วมกันในโมเดลภาพเคลื่อนไหวรุ่นใหม่พร้อมรองรับสิ่งต่างๆ เช่น การซิงค์ข้อมูล การผูกภาพเคลื่อนไหวให้ทำงานตามลำดับ การไปยังจุดเวลาที่กำหนดเองในภาพเคลื่อนไหว ทำให้ภาพเคลื่อนไหวสามารถเปลี่ยนความเร็ว ย้อนกลับ และอื่นๆ] ความพยายามนี้นำไปสู่การกำหนดข้อกำหนด W3C Web Animations 1.0

ก้าวแรกจากทีม Blink ในการนำภาพเคลื่อนไหวบนเว็บเผยแพร่ออกไปทั่วโลก คือการแทนที่การใช้ภาพเคลื่อนไหว/การเปลี่ยนผ่าน CSS ของ Blink ที่มีอยู่ด้วยเครื่องมือเว็บภาพเคลื่อนไหว หลังจากบรรลุเป้าหมายดังกล่าวแล้ว เราต้องการให้นักพัฒนาซอฟต์แวร์จำนวนมากที่สุดเท่าที่จะทำได้ตรวจสอบว่าไม่มีข้อผิดพลาดใดๆ และที่สำคัญกว่านั้นคือ คอยตรวจสอบการติดตั้งใช้งาน และส่งความคิดเห็นถึงเราว่าสิ่งใดดี/ไม่ดีหรืออาจต้องทำการเปลี่ยนแปลง

หัวข้อถัดไปคือการใช้ API ที่ช่วยให้คุณสร้าง แก้ไข และสอบสวนภาพเคลื่อนไหวจาก JavaScript ได้ API ได้รับการออกแบบมาเพื่อช่วยให้ภาพเคลื่อนไหวทำงานได้อย่างมีประสิทธิภาพ (โดยใช้เชิงความหมายแบบประกาศเพื่อให้ JavaScript จัดการการสร้างภาพเคลื่อนไหวโดยที่ไม่มีการควบคุมไปยังเบราว์เซอร์) ในขณะที่ยังคงให้นักพัฒนาซอฟต์แวร์ JavaScript ยังคงควบคุมภาพเคลื่อนไหวเต็มรูปแบบได้

เราอยากทราบความคิดเห็นเกี่ยวกับ API ที่เสนอมานี้เพื่อให้ไม่พลาดฟีเจอร์ที่จำเป็นสำหรับการควบคุมภาพเคลื่อนไหวที่มีประสิทธิภาพ เช่นเดียวกับฟีเจอร์ใหม่อื่นๆ ข้อกำหนดจะยังคงเปลี่ยนแปลง ดังนั้นตอนนี้ถึงเวลาแล้วที่จะให้ทุกคนแสดงความคิดเห็น โดยคุณควรสมัครรับข้อมูลและมีส่วนร่วมในรายชื่ออีเมลสาธารณะ-fx@w3.org (และใส่ [ภาพเคลื่อนไหวในเว็บ] ไว้ในบรรทัดหัวเรื่องเพื่อให้ผู้คนสังเกตเห็น)

ลองใช้เครื่องมือใหม่ที่ขับเคลื่อนภาพเคลื่อนไหวและการเปลี่ยนของ CSS อยู่แล้วในตอนนี้ และโพสต์สิ่งแปลกๆ ลงในเครื่องมือติดตามข้อบกพร่องของ Chromium เพื่อให้เราทราบเกี่ยวกับปัญหานี้

เรารู้สึกตื่นเต้นที่จะได้นำความสามารถด้านภาพเคลื่อนไหวรุ่นใหม่มาใช้กับ Blink และมุ่งหวังที่จะทำงานร่วมกับนักพัฒนาเบราว์เซอร์รายอื่น เช่น WebKit และ Mozilla ซึ่งมุ่งมั่นที่จะนำโมเดลใหม่นี้ไปใช้ด้วย