ให้เรตสมาชิก: 4 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งาน
 

Facebook (เฟซบุ๊ก) Keyframes Animates (คีย์เฟรม อะนิเมชั่น) แสดงความรู้สึกได้มากกว่าแค่กดไลค์

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีการ ใช้งาน vuetify คู่กับ vue.js
โดย bolue ศ 05 มิ.ย. 2020 6:02 pm บอร์ด CSS Knowledge
0
86
ศ 05 มิ.ย. 2020 6:02 pm โดย bolue
วิธีการ ติดตั้ง vue.js สำหรับผู้เริ่มต้น หัดเขียน สอนติดตั้ง
โดย bolue ศ 05 มิ.ย. 2020 4:55 pm บอร์ด Jquery & Ajax Knowledge
0
143
ศ 05 มิ.ย. 2020 4:55 pm โดย bolue
วิธีการ ใช้ Grid ออกแบบเป็น responsive design โดย vuetify
โดย bolue ศ 05 มิ.ย. 2020 3:36 pm บอร์ด CSS Knowledge
0
133
ศ 05 มิ.ย. 2020 3:36 pm โดย bolue
วิธีการ เรียนใช้ dialog จาก components โดย vue.js
โดย bolue ศ 05 มิ.ย. 2020 1:45 pm บอร์ด Jquery & Ajax Knowledge
0
93
ศ 05 มิ.ย. 2020 1:45 pm โดย bolue
วิธีการ การเรียกใช้ methods โดย vue.js
โดย bolue ศ 05 มิ.ย. 2020 1:17 pm บอร์ด Jquery & Ajax Knowledge
0
57
ศ 05 มิ.ย. 2020 1:17 pm โดย bolue
วิธีการ ค้นหาด้วยการใช้ watch โดย vue.js
โดย bolue ศ 05 มิ.ย. 2020 12:45 pm บอร์ด Jquery & Ajax Knowledge
0
52
ศ 05 มิ.ย. 2020 12:45 pm โดย bolue
วิธีการ แสดงผลข้อมูล จากน้อยไปมาก มากไปน้อย โดย Python
โดย bolue ศ 05 มิ.ย. 2020 11:56 am บอร์ด Python Knowledge
0
84
ศ 05 มิ.ย. 2020 11:56 am โดย bolue
วิธีการ ค้นหาแบบช่วงวันที่ โดย Python
โดย bolue ศ 05 มิ.ย. 2020 11:25 am บอร์ด Python Knowledge
0
74
ศ 05 มิ.ย. 2020 11:25 am โดย bolue
กองทุนประกันสังคม มีผู้ประกันตนกี่ประเภท ??
โดย natthanit.r2538 พฤ 04 มิ.ย. 2020 5:53 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
65
พฤ 04 มิ.ย. 2020 5:53 pm โดย natthanit.r2538
วิธีการ ลงเวลา โดย Python
โดย bolue พฤ 04 มิ.ย. 2020 4:09 pm บอร์ด Python Knowledge
0
97
พฤ 04 มิ.ย. 2020 4:09 pm โดย bolue
การยื่นแบบ ภ.ง.ด. 53 ออนไลน์ สอนวิธีการยื่นแบบออนไล์ ทำได้ด้วยตัวเอง
โดย natthanit.r2538 พฤ 04 มิ.ย. 2020 3:51 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
1
98
พฤ 04 มิ.ย. 2020 4:16 pm โดย natthanit.r2538
วิธีการ โชว์ข้อมูลด้วยการ Format วันที่ โดย Python
โดย bolue พฤ 04 มิ.ย. 2020 3:38 pm บอร์ด Python Knowledge
0
84
พฤ 04 มิ.ย. 2020 3:38 pm โดย bolue
การยื่นแบบ ภ.ง.ด. 3 ออนไลน์ สรุปขั้นตอนยื่นแบบภาษี ออนไลน์
โดย natthanit.r2538 พฤ 04 มิ.ย. 2020 2:54 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
1
80
พฤ 04 มิ.ย. 2020 3:08 pm โดย natthanit.r2538
วิธีการเดินทางจาก ปทุมธานี มา กรุงเทพฯ
โดย bolue พฤ 04 มิ.ย. 2020 1:59 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
59
พฤ 04 มิ.ย. 2020 1:59 pm โดย bolue
วิธีการ Search database แบบพื้นฐานๆ โดย Python
โดย bolue พฤ 04 มิ.ย. 2020 1:55 pm บอร์ด Python Knowledge
0
92
พฤ 04 มิ.ย. 2020 1:55 pm โดย bolue
การยื่นแบบ ภ.ง.ด.1 ออนไลน์ ขั้นตอนการยืนแบบออนไลน์
โดย natthanit.r2538 พฤ 04 มิ.ย. 2020 12:35 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
2
96
พฤ 04 มิ.ย. 2020 1:40 pm โดย natthanit.r2538
สอบถามเรื่องการแนบรูปในกระทู้ค่ะ
โดย natthanit.r2538 พฤ 04 มิ.ย. 2020 12:34 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
2
123
พฤ 04 มิ.ย. 2020 2:31 pm โดย natthanit.r2538
B - ยังขาดหน้าผลการค้นหา จาก search.php
โดย mindphp ศ 29 พฤษภาคม 2020 6:11 am บอร์ด FDD (Main)
0
1
ศ 29 พฤษภาคม 2020 6:11 am โดย mindphp
B - กล่องค้นหาจากหน้า index ใช้งานไม่ได้ กดแล้วไม่ไปหน้าค้นหา
โดย mindphp ศ 29 พฤษภาคม 2020 5:39 am บอร์ด FDD (Main)
1
1
ศ 29 พฤษภาคม 2020 5:53 am โดย mindphp
B - ไม่ใช่แค่โชว์ icon facebook มันต้องทำลิงค์เพื่อให้คลิกไป
โดย mindphp ศ 29 พฤษภาคม 2020 4:39 am บอร์ด FDD (Main)
1
2
ศ 29 พฤษภาคม 2020 4:51 am โดย mindphp