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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
ทำความรู้จัก Custom Data Attribute ใน HTML5
โดย bellzeed พฤ 29 มิ.ย. 2017 5:27 pm บอร์ด HTML CSS
0
11
พฤ 29 มิ.ย. 2017 5:27 pm โดย bellzeed
การแก้ปัญหาติดตั้ง pycharm ไม่ได้
โดย บัวบุญ จันทะโคตร พฤ 29 มิ.ย. 2017 5:27 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
11
พฤ 29 มิ.ย. 2017 5:27 pm โดย บัวบุญ จันทะโคตร
การใช้ jConfirmAction เพื่อการยืนยันข้อมูล
โดย Ik Kat พฤ 29 มิ.ย. 2017 4:35 pm บอร์ด Jquery & Ajax Knowledge
0
7
พฤ 29 มิ.ย. 2017 4:35 pm โดย Ik Kat
สร้างหน้าอัปโหลดไฟล์ด้วย jQuery UI
โดย Ik Kat พฤ 29 มิ.ย. 2017 3:34 pm บอร์ด Jquery & Ajax Knowledge
0
6
พฤ 29 มิ.ย. 2017 3:34 pm โดย Ik Kat
PETYA มัลแวร์เรียกค่าไถ่ตัวใหม่ และวิธีป้องกัน
โดย meeieis พฤ 29 มิ.ย. 2017 3:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
10
พฤ 29 มิ.ย. 2017 3:14 pm โดย meeieis
QUnit คืออะไร
โดย Ik Kat พฤ 29 มิ.ย. 2017 2:59 pm บอร์ด Jquery & Ajax Knowledge
0
5
พฤ 29 มิ.ย. 2017 2:59 pm โดย Ik Kat
jQuery UI คืออะไร
โดย Ik Kat พฤ 29 มิ.ย. 2017 2:35 pm บอร์ด Jquery & Ajax Knowledge
0
7
พฤ 29 มิ.ย. 2017 2:35 pm โดย Ik Kat
Camtasia Studio 8 เข้ารหัสวิดีโอด้วย Vidcoder
โดย meeieis พฤ 29 มิ.ย. 2017 2:20 pm บอร์ด Graphic design
0
4
พฤ 29 มิ.ย. 2017 2:20 pm โดย meeieis
สร้าง Dynamic Table ให้กับ HTML Table โดยใช้ jQuery
โดย Ik Kat พฤ 29 มิ.ย. 2017 2:03 pm บอร์ด Jquery & Ajax Knowledge
0
5
พฤ 29 มิ.ย. 2017 2:03 pm โดย Ik Kat
ติดตั้ง template joomla ไม่ได้ครับ
โดย Before Dong พฤ 29 มิ.ย. 2017 1:52 pm บอร์ด Joomla Development
2
23
พฤ 29 มิ.ย. 2017 1:52 pm โดย Before Dong
ทำความรู้จักกับ phpstorm
โดย บัวบุญ จันทะโคตร พฤ 29 มิ.ย. 2017 1:34 pm บอร์ด Programming - PHP
0
9
พฤ 29 มิ.ย. 2017 1:34 pm โดย บัวบุญ จันทะโคตร
สร้าง Magnific Popup ด้วย jQuery
โดย Ik Kat พฤ 29 มิ.ย. 2017 1:27 pm บอร์ด Jquery & Ajax Knowledge
0
5
พฤ 29 มิ.ย. 2017 1:27 pm โดย Ik Kat
ติดตั้ง pycharm ไม่ได้ มันขึ้น error
โดย บัวบุญ จันทะโคตร พฤ 29 มิ.ย. 2017 12:45 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
12
พฤ 29 มิ.ย. 2017 12:45 pm โดย บัวบุญ จันทะโคตร
เปลี่ยนสีใบไม้ให้เหมือนอยู่ในฤดูใบไม้ร่วงด้วย Photoshop
โดย Before Dong พฤ 29 มิ.ย. 2017 11:13 am บอร์ด Graphic design
0
16
พฤ 29 มิ.ย. 2017 11:13 am โดย Before Dong
คู่มือการใช้งานโปรแกรม Camtasia Studio 8 เบื้องต้น
โดย meeieis พฤ 29 มิ.ย. 2017 11:08 am บอร์ด Graphic design
0
9
พฤ 29 มิ.ย. 2017 11:08 am โดย meeieis
รวมบทความประจำปี 60
โดย bellzeed พฤ 29 มิ.ย. 2017 10:55 am บอร์ด M047 - วิศรุต เรืองอุไร
0
2
พฤ 29 มิ.ย. 2017 10:55 am โดย bellzeed
งานประจำวันที่ 29 มิถุนายน 2560
โดย Ik Kat พฤ 29 มิ.ย. 2017 10:02 am บอร์ด MT19 - ปวีณา จันดี
2
8
พฤ 29 มิ.ย. 2017 10:02 am โดย Ik Kat
งานประจำวันที่ 29 มิถุนายน 2560
โดย บัวบุญ จันทะโคตร พฤ 29 มิ.ย. 2017 9:28 am บอร์ด M048 - บัวบัญ จันทะโครต
1
5
พฤ 29 มิ.ย. 2017 9:28 am โดย บัวบุญ จันทะโคตร
งานประจำวันที่ 29 June 17
โดย bellzeed พฤ 29 มิ.ย. 2017 9:24 am บอร์ด M047 - วิศรุต เรืองอุไร
1
8
พฤ 29 มิ.ย. 2017 9:24 am โดย bellzeed
งานประจำวันที่ 29 มิถุนายน 2560
โดย Before Dong พฤ 29 มิ.ย. 2017 9:22 am บอร์ด M046 - อนวัช พริบไหว
2
18
พฤ 29 มิ.ย. 2017 9:22 am โดย Before Dong