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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีการใช้งานปรับลบข้อมูลลายเซ็นของ phpbb โดยใช้ Event ใน phpbb
โดย Ittichai_chupol พฤ 19 ธ.ค. 2019 2:57 pm บอร์ด PHP Knowledge
0
975
พฤ 19 ธ.ค. 2019 2:57 pm โดย Ittichai_chupol
ปฏิทินประจําปี 2563 ภูติผีปีศาจ - แจกฟรี
โดย noppadonsk พฤ 19 ธ.ค. 2019 2:16 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
1198
ส 04 ม.ค. 2020 4:38 am โดย mindphp
วิธีการใช้ JQuery เก็บ cookie เพื่อลดขั้นตอนการเปลี่ยนภาษาของแต่ละ user ใน phpbb
โดย Ittichai_chupol พฤ 19 ธ.ค. 2019 11:24 am บอร์ด Jquery & Ajax Knowledge
0
988
พฤ 19 ธ.ค. 2019 11:24 am โดย Ittichai_chupol
ปฏิทินประจําปี 2563 คริสมาสเพิ่มความหวาน และ สดใส - โหลดเก็บไว้ได้เลย
โดย noppadonsk พ 18 ธ.ค. 2019 6:31 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
2349
พ 01 ม.ค. 2020 3:11 pm โดย mindphp
ปฏิทินวันหยุด 2563 วันหยุดราชการ วันหยุดใน ปฏิทิน 2563 / 2020 ปฏิทิน 2563 พร้อมวันหยุดราชการ
โดย noppadonsk พ 18 ธ.ค. 2019 6:20 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
16
411
อ 14 ม.ค. 2020 3:32 pm โดย LEG
วิธีการปรับเปลี่ยนตัวอักษรให้เป็น พิมพ์ใหญ่ - พิมพ์เล็ก ทั้งมด
โดย Ittichai_chupol พ 18 ธ.ค. 2019 5:27 pm บอร์ด CSS Knowledge
0
55
พ 18 ธ.ค. 2019 5:27 pm โดย Ittichai_chupol
วิธีการปรับแก้ไขส่วนการแสดงผลหน้าสมาชิก ใน phpbb
โดย Ittichai_chupol พ 18 ธ.ค. 2019 5:07 pm บอร์ด PHP Knowledge
0
43
พ 18 ธ.ค. 2019 5:07 pm โดย Ittichai_chupol
อยากทราบวิธีการที่จะทำให้ extension เข้าไปอ่านไฟล์ bookmark ได้ครับ
โดย Ittichai_chupol พ 18 ธ.ค. 2019 4:18 pm บอร์ด Programming - PHP
2
61
พ 18 ธ.ค. 2019 5:09 pm โดย Ittichai_chupol
Joomla เวอร์ชั่นใหม่มาแล้ว 3.9.14 มีปรับปรุงกว่า 36 รายการ
โดย tsukasaz พ 18 ธ.ค. 2019 11:07 am บอร์ด MindPHP News & Feedback
0
52
พ 18 ธ.ค. 2019 11:07 am โดย tsukasaz
นำหน้าเว็บให้สามารถค้นหาไฟล์ PDF ได้
โดย Anonymous อ 17 ธ.ค. 2019 11:23 pm บอร์ด HTML CSS
1
71
ศ 27 ธ.ค. 2019 1:03 pm โดย mindphp
หน้าเว็บโหลดช้า ขนาดภาพไม่ได้สัดส่วน MImageoptimize Plugin ของ Joomla ช่วยได้
โดย prmindphp อ 17 ธ.ค. 2019 7:03 pm บอร์ด MindPHP News & Feedback
0
83
อ 17 ธ.ค. 2019 7:03 pm โดย prmindphp
Programmer Funny To Day : ดูให้ดีก่อนไหม ???
โดย chatee supasand อ 17 ธ.ค. 2019 6:26 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
57
อ 17 ธ.ค. 2019 6:26 pm โดย chatee supasand
วิธีการการจัดแบ่งคอลัมน์เป็น 2 คอลัมน์เมื่อทำการย่อหน้าจอ
โดย Ittichai_chupol อ 17 ธ.ค. 2019 3:31 pm บอร์ด CSS Knowledge
0
55
อ 17 ธ.ค. 2019 3:31 pm โดย Ittichai_chupol
Youtube Originals คืออะไร
โดย noppadonsk อ 17 ธ.ค. 2019 3:13 pm บอร์ด Share Knowledge
1
84
อ 14 ม.ค. 2020 3:29 pm โดย LEG
วิธีการการปิดเครื่องหมายหน้าข้อความ ของ <li>
โดย Ittichai_chupol อ 17 ธ.ค. 2019 3:08 pm บอร์ด CSS Knowledge
0
50
อ 17 ธ.ค. 2019 3:08 pm โดย Ittichai_chupol
พบปัญหา LINE AP อีกแล้ว อยากทราบสาเหตุ [2019-12][001] - Urgent
โดย thatsawan อ 17 ธ.ค. 2019 3:05 pm บอร์ด MD-CRM - Tester
6
15
พ 25 ธ.ค. 2019 2:51 pm โดย thatsawan
ภัยคุกคามด้าน Security ปี 2020
โดย noppadonsk อ 17 ธ.ค. 2019 2:40 pm บอร์ด Share Knowledge
1
91
ศ 20 ธ.ค. 2019 2:43 pm โดย LEG
Google Assistants เพิ่มล่ามแปลภาษา บนมือถือ และรองรับภาษาไทยด้วย
โดย noppadonsk อ 17 ธ.ค. 2019 2:05 pm บอร์ด Share Knowledge
0
62
อ 17 ธ.ค. 2019 2:05 pm โดย noppadonsk
แนะวิธีปล่อยเช่าคอนโดแบบไหนให้มีกำไร
โดย Pattita Dumrongsappakit อ 17 ธ.ค. 2019 12:06 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
55
อ 17 ธ.ค. 2019 12:06 pm โดย Pattita Dumrongsappakit
สอบถามหน่อยค่ะ ในการบันทึกสินทรัพย์เข้าบริษัทจะต้องใช้หลักฐานอะไรเพิ่มเติม นอกจากใบเสร็จรับเงิน/ใบกำกับภาษีคะ
โดย nnamfon.26 อ 17 ธ.ค. 2019 11:34 am บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
95
ศ 20 ธ.ค. 2019 1:10 am โดย mindphp