ให้เรตสมาชิก: 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/ (มายพีเฮชพีดอทคอม)

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การใช้ Firebase ทำในโปรเจค Android
โดย rangsan ส 26 พฤษภาคม 2018 6:26 pm บอร์ด Mobile Application Developing- Android, iOS
0
12
ส 26 พฤษภาคม 2018 6:26 pm โดย rangsan
Q - ทำเมนูตอนย่อหน้าจอแล้วกำหนดให้เมนูยังแสดงอยู่บ้างบางส่วน
โดย Parichat ส 26 พฤษภาคม 2018 3:35 pm บอร์ด HTML CSS
2
16
ส 26 พฤษภาคม 2018 4:54 pm โดย Parichat
Q - ่Accounting ไม่สามารถกด Validate ที่ Cash Transfer ได้
โดย Rujikon ส 26 พฤษภาคม 2018 3:26 pm บอร์ด บวรเวชสมุนไพรไทย จำกัด - Tester
2
7
ส 26 พฤษภาคม 2018 5:42 pm โดย Rujikon
Q - ทำการ Sale แล้วขึ้น OpenERP Server Error
โดย Rujikon ส 26 พฤษภาคม 2018 2:16 pm บอร์ด บวรเวชสมุนไพรไทย จำกัด - Tester
2
10
ส 26 พฤษภาคม 2018 2:37 pm โดย mindphp
งานประจำวันที่ 26 พฤษภาคม 2561
โดย Rujikon ส 26 พฤษภาคม 2018 12:25 pm บอร์ด M060 - นายรุจิกร พงษ์พิละ
1
3
อ 27 พฤษภาคม 2018 1:58 pm โดย Rujikon
Q - กด Create ในเมนู Employees แล้ว Error
โดย Rujikon ส 26 พฤษภาคม 2018 11:56 am บอร์ด บวรเวชสมุนไพรไทย จำกัด - Tester
0
15
ส 26 พฤษภาคม 2018 11:56 am โดย Rujikon
Q - Overrides Component JoomShopping มาได้แค่โฟลเดอร์แต่ไม่มีไฟล์
โดย Parichat ส 26 พฤษภาคม 2018 11:01 am บอร์ด Joomla Development
0
9
ส 26 พฤษภาคม 2018 11:01 am โดย Parichat
งานประจำวันที่ 26 พฤษภาคม 2561
โดย Parichat ส 26 พฤษภาคม 2018 9:40 am บอร์ด M061 - ปาริชาติ รัตโณภาส
1
2
ส 26 พฤษภาคม 2018 7:13 pm โดย Parichat
งานประจำวันที่ 26 พฤษภาคม 2561
โดย rangsan ส 26 พฤษภาคม 2018 9:32 am บอร์ด M058 - รังสรรค์ มุ่งกลาง
1
5
ส 26 พฤษภาคม 2018 6:30 pm โดย rangsan
R - ปรับให้ Product ใน JoomShopping อัพรูปภาพตามสีได้
โดย tsukasaz ศ 25 พฤษภาคม 2018 5:49 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
0
4
ศ 25 พฤษภาคม 2018 5:49 pm โดย tsukasaz
B - ไม่สามารถ Import Serial Outgoing ได้ครับ [2018-05][004]
โดย AePongsak ศ 25 พฤษภาคม 2018 4:58 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
1
11
ศ 25 พฤษภาคม 2018 6:33 pm โดย nuattawoot
เข้าใช้ไม่ได้ค่ะ [2018-05][003]
โดย Rujikon ศ 25 พฤษภาคม 2018 4:36 pm บอร์ด บวรเวชสมุนไพรไทย จำกัด - Tester
2
15
ส 26 พฤษภาคม 2018 3:12 pm โดย Rujikon
Q - ทำรูปภาพให้สามารถเปลี่ยนสีได้ตามต้องการ
โดย Parichat ศ 25 พฤษภาคม 2018 4:04 pm บอร์ด Joomla Dev
12
33
ศ 25 พฤษภาคม 2018 6:20 pm โดย Parichat
Q - ย่อสินค้าให้เท่ากับพื้นหลัง
โดย Parichat ศ 25 พฤษภาคม 2018 3:40 pm บอร์ด Joomla Dev
16
36
ศ 25 พฤษภาคม 2018 6:15 pm โดย Parichat
Q - ใน Joomshopping ในหน้าเว็บเอา Order by กับ Display ออก
โดย Parichat ศ 25 พฤษภาคม 2018 3:04 pm บอร์ด Joomla Development
2
16
ศ 25 พฤษภาคม 2018 3:21 pm โดย Parichat
B - การใช้งาน Logged calls
โดย watcharin ศ 25 พฤษภาคม 2018 2:37 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
4
ศ 25 พฤษภาคม 2018 2:37 pm โดย watcharin
Q - จัดพื้นหลังให้เท่ากับเมนูด้านบน
โดย Parichat ศ 25 พฤษภาคม 2018 2:20 pm บอร์ด HTML CSS
1
18
ศ 25 พฤษภาคม 2018 2:50 pm โดย Parichat
B - ภาษีต้องเพิ่ม จากราคา
โดย thatsawan ศ 25 พฤษภาคม 2018 1:26 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
1
3
ศ 25 พฤษภาคม 2018 1:27 pm โดย thatsawan
Work's on Hand ปาริชาติ รัตโณภาส MT21
โดย Parichat จ 08 ม.ค. 2018 12:11 pm บอร์ด M061 - ปาริชาติ รัตโณภาส
19
1
ศ 25 พฤษภาคม 2018 4:26 pm โดย Parichat
งานประจำวันที่ 25 พฤษภาคม 2561
โดย Rujikon ศ 25 พฤษภาคม 2018 11:46 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
2
12
ศ 25 พฤษภาคม 2018 8:06 pm โดย nuattawoot