Facebook (เฟซบุ๊ก) Keyframes Animates (คีย์เฟรม อะนิเมชั่น) แสดงความรู้สึกได้มากกว่าแค่กดไลค์
การแสดงผลภาพ 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 (คีย์เฟรม) ด้วย
อ่านบทความที่เกี่ยวข้องเพิ่มเติมได้ที่ : Facebook (เฟซบุ๊ก)
บทความโดย : http://www.mindphp.com/ (มายพีเฮชพีดอทคอม)