Facebook เปิดตัว Keyframes ระบบ Open Source สำหรับแสดง Animation ได้อย่างลื่นไหล

การแสดงผลภาพ Animation ให้ได้อย่างสวยงามเพื่อให้ Web หรือ Application น่าใช้มากขึ้นนั้นถือเป็นโจทย์ที่ยากเพราะต้องคำนึงถึงหลากหลายประเด็นด้วยกัน ทาง Facebook เองนั้นได้ผ่านประสบการณ์การพัฒนาระบบแสดงผล Animation มาอย่างต่อเนื่องยาวนาน โดยเฉพาะอย่างยิ่งปุ่ม Reaction ที่เราเริ่มใช้กันจนเคยชินกันในทุกวันนี้ และได้ประกาศเปิด Open Source ให้กับ Keyframes ชุด Library สำหรับการจัดการแสดงผล Animation โดยเฉพาะให้ใช้กันได้แล้ว

ทาง Facebook ได้ระบุว่าประเด็นหลักๆ ที่เป็นปัญหาสำหรับการแสดง Animation นั้นมีด้วยกัน 3 ประการ ได้แก่

• ความสามารถในการหดขยายภาพได้ รองรับการแสดงผลได้หลายขนาดโดยยังคงมีความคมชัดอยู่
• คุณภาพในการแสดงผล Animation ต้องรองรับสูงถึง 60 fps Framerate ได้เป็นอย่างน้อย และทำงานได้บนทุกอุปกรณ์
• ขนาดของภาพต้องไม่ใหญ่เกินไป และต้องไม่ทำการบีบอัดภาพให้คุณภาพลดลง

ตัว Keyframes Library นี้จะช่วยทำการ Render ภาพจากข้อมูลที่ระบุเอาไว้ในไฟล์ JSON และนำไปใช้ได้ทั้งบน Core Animation ของ iOS และ Paths and Metrices ของ Android

สำหรับในอนาคต ทาง Facebook เองนั้นก็มีแผนที่จะพัฒนาเครื่องมืออื่นๆ เพิ่มเติมเกี่ยวกับการจัดการ Animation รวมถึงทำการรองรับ Adobe After Effects ให้ได้ภายใน Keyframes ด้วย

ผู้ที่สนใจสามารถเข้าไปศึกษาหรือนำโค้ดมาใช้ได้ทันทีที่ https://github.com/facebookincubator/Keyframes เลยนะครับ

ที่มา: https://code.facebook.com/posts/354469174916519/keyframes-delivering-scalable-high-quality-animations-to-mobile-clients/