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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
เจอปัญหานี้บ่อย สำหรับ app ที่อยู่บน pgsql เยอะๆ psql: FATAL: too many connections for role "user_name".
โดย mindphp พ 17 ม.ค. 2018 4:50 am บอร์ด PostgreSQL
1
2
พ 17 ม.ค. 2018 4:51 am โดย mindphp
Thin Client คืออะไร
โดย Jom07 อ 16 ม.ค. 2018 2:38 pm บอร์ด Software testing
0
12
อ 16 ม.ค. 2018 2:38 pm โดย Jom07
วิธีนอน 8 ชั่วโมง ใน 4 ชั่วโมง
โดย Before Dong อ 16 ม.ค. 2018 10:21 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
35
อ 16 ม.ค. 2018 10:21 am โดย Before Dong
งานประจำวันที่ 16 มกราคม 2561
โดย Four อ 16 ม.ค. 2018 9:46 am บอร์ด MT22 - อิษยา งามสอาด
2
35
อ 16 ม.ค. 2018 3:39 pm โดย Four
งานประจำวันที่ 16 มกราคม 2561
โดย Jom07 อ 16 ม.ค. 2018 9:44 am บอร์ด MT23 - สุพรรษา พูลตา
2
31
อ 16 ม.ค. 2018 2:21 pm โดย Jom07
งานประจำวันที่ 16 มกราคม 2561
โดย Parichat อ 16 ม.ค. 2018 9:40 am บอร์ด MT21 - ปาริชาติ รัตโณภาส
2
18
อ 16 ม.ค. 2018 7:12 pm โดย Parichat
เบอร์โทร ศูนย์บริการ ASUS ศูนย์บริการลูกค้าสัมพันธ์ (Call Center) ถามอะไหล่ ค่าบริการงานซ่อมได้
โดย mindphp อ 16 ม.ค. 2018 6:53 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
13
อ 16 ม.ค. 2018 6:53 am โดย mindphp
ตามหา พัดลมโน๊ตบุ๊ค ASUS รุ่น Pro36S ของ dc brushless
โดย mindphp อ 16 ม.ค. 2018 6:29 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
7
อ 16 ม.ค. 2018 6:29 am โดย mindphp
จะโหลด Android Studio กับ javaJDK ได้ที่ไหนค่ะ
โดย Anonymous จ 15 ม.ค. 2018 8:29 pm บอร์ด Mobile Programming - Android, iOS, Window Phone
1
21
จ 15 ม.ค. 2018 9:25 pm โดย thatsawan
การใช้งานคำสั่ง inner join ใน SQL(เอสคิวเเอล)
โดย Parichat จ 15 ม.ค. 2018 5:50 pm บอร์ด SQL Knowledge
0
18
จ 15 ม.ค. 2018 5:50 pm โดย Parichat
ประเภทของ Firewall (ไฟร์วอลล์)
โดย Jom07 จ 15 ม.ค. 2018 5:42 pm บอร์ด Software testing
0
17
จ 15 ม.ค. 2018 5:42 pm โดย Jom07
เทคนิคการโอนย้ายข้อมูล 2 คอมพิวเตอร์
โดย Jom07 จ 15 ม.ค. 2018 5:41 pm บอร์ด Software testing
0
16
จ 15 ม.ค. 2018 5:41 pm โดย Jom07
Android Studio ไม่อนุญาตให้กรอกข้อมูลใน EditText
โดย Four จ 15 ม.ค. 2018 4:53 pm บอร์ด Mobile Application Developing- Android, iOS
0
12
จ 15 ม.ค. 2018 4:53 pm โดย Four
Android Studio การกำหนดขนาดข้อความใน TextView
โดย Four จ 15 ม.ค. 2018 2:50 pm บอร์ด Mobile Application Developing- Android, iOS
0
12
จ 15 ม.ค. 2018 2:50 pm โดย Four
สวิตซ์ (Switch) คืออะไร
โดย Jom07 จ 15 ม.ค. 2018 1:35 pm บอร์ด IOT - Internet of things
0
19
จ 15 ม.ค. 2018 1:35 pm โดย Jom07
การใช้งาน Tabs(แท็บ) ใน Bootstrap 4(บูตสแตบ 4)
โดย Parichat จ 15 ม.ค. 2018 12:37 pm บอร์ด Booststap Knowledge
0
10
จ 15 ม.ค. 2018 12:37 pm โดย Parichat
ฮับ (HUB) คืออะไร
โดย Jom07 จ 15 ม.ค. 2018 12:33 pm บอร์ด IOT - Internet of things
0
22
จ 15 ม.ค. 2018 12:33 pm โดย Jom07
การใช้งาน Carousel(แครี่เซ้า) ใน Bootstrap 4(บูตสแตบ 4)
โดย Parichat จ 15 ม.ค. 2018 12:10 pm บอร์ด Booststap Knowledge
0
13
จ 15 ม.ค. 2018 12:10 pm โดย Parichat
Android Studio การนับจำนวนตัวอักษรใน TextView
โดย Four จ 15 ม.ค. 2018 11:50 am บอร์ด Mobile Application Developing- Android, iOS
0
15
จ 15 ม.ค. 2018 11:50 am โดย Four
การใช้งาน Popover(ป็อบโอเวอร์) ใน Bootstrap 4(บูตสแตบ 4)
โดย Parichat จ 15 ม.ค. 2018 11:43 am บอร์ด Booststap Knowledge
0
10
จ 15 ม.ค. 2018 11:43 am โดย Parichat