หน้า: [1]   ลงล่าง
  พิมพ์  
ผู้เขียน หัวข้อ: Adobe Edge สร้างแอนิเมชันด้วย HTML5  (อ่าน 1873 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
PrettyJudie
Moderator
สมาชิกเว็บ
*****
ออฟไลน์ ออฟไลน์

เพศ: ชาย
กระทู้: 11,856


___www.ict.in.th___


« เมื่อ: สิงหาคม 02, 2011, 08:07:26 AM »

Adobe Edge สร้างแอนิเมชันด้วย HTML5

[เอ.อาร์.ไอ.พี, www.arip.co.th] อะโดบี้ เอดจ์ (Adobe Edge) เครื่องมือพัฒนาเว็บใหม่ล่าสุดที่สามารถให้ผลลัพธ์ในการสร้างภาพเคลื่อนไหว และการโต้ตอบกับผู้ใช้บนหน้าเว็บได้เช่นเดียวกับ แฟลช (Flash) แต่โด้ดการทำงานจะอยู่ในรูปแบบของฟอร์แมตมาตรฐาน HTML5 ซึ่งสามารถใช้งานได้บนอุปกรณ์ iOS อย่าง iPhone และ iPad

Adobe Edge เป็นเครืองมือที่เปิดให้ดาวน์โหลดฟรีสำหรับนักพัฒนา โดย Adobe มีแผนการที่จะเป็นศูนย์กลางของชุมชนนักพัฒนา เพื่อขอฟีดแบ็ค เพื่อแก้ไข และอัพเดตประสิทธิภาพการทำงานของ Adobe Edge ก่อนวางจำหน่ายในปี 2012 ในการสาธิตการทำงานของ Adobe Edge แหล่งข่าวเปิดเผยว่า เครื่องมือดังกล่าวสามารถเปิดขึ้นทำงานได้อย่างรวดเร็ว (เร็วกว่าโปรแกรมที่ใช้สร้างคอนเท็นต์ Flash อย่างเห็นได้ชัด) ในขณะที่ส่วนติดต่อผู้ใช้ (user interface) ยังคงเหมือนกับผลิตภัณฑ์ตัวอื่นๆ อย่างเช่น Adobe Effects และ Flash Pro ซึ่งใครที่คุ้นเคยซอฟต์แวร์สองตัวนี้ก็จะคุ้นเคยกับ Adobe Edge ได้อย่างรวดเร็ว


Adobe Edge สามารถสร้างภาพเคลื่อนไหว (animation) โดยใช้โค้ด HTML5 ได้อย่างสมบูรณ์ ไม่ว่าจะเป็นการเคลื่อนไหวของข้อความ และกราฟิกที่สามารถเฟดจางลง หรือเข้มขึ้นได้อย่างลื่นไหลไม่แพ้แฟลช นอกจากนี้มันยังมีเครื่องมือในการสร้างคอนเท็นต์ที่โต้ตอบได้เหมือน Flash โดยทำงานร่วมกับมาตรฐานเว็บอย่าง CSS และ JavaScript อีกทั้งยังสนับสนุนเฟรมเวิร์กของการสร้างภาพเคลื่อนไหวทีมีอยู่ใน JQuery ไลบรารี่จาวาสคริปท์ยอดนิยมที่ใช้กันอย่างแพร่หลายบนอินเทอร์เน็ตอีกด้วย ซึ่ง Adobe กำลังเปลียนโลกของการพัฒนาภาพเคลื่่อนไหว และการโต้ตอบที่ซับซ้อนให้อยู่บนมาตรฐานเว็บทั้งหมดได้แล้ว


นอกจากการสาธิตการใช้งานในลักษณะข้างต้นแล้ว Adobe Edge ยังสามารถใช้ในการเพิ่มองค์ประกอบ HTML5 เข้าไปในเว็บไซต์ที่สร้างไว้แล้วได้อีกด้วย โดยตัวแอพพลิเคชันสามารถดาวน์โหลดคอนเท็นต์ของเว็บไซต์เข้ามาทั้งหมด เพื่อเลือกปรับแต่ง เปลี่ยนแปลงการทำงานขององค์ปรกอบบางส่วนบนหน้าเว็บให้เป็น HTML5 ได้ ตัวอย่างเช่น การเพิ่มโค้ดแอนิเมชัน HTML5 เข้าไปใน div เป็นต้น ทั้งนี้ทาง Adobe ได้ทดสอบเครื่องมือนี้กับบราวเซอร์ และแพลตฟอร์มต่างๆ โดยเฉพาะผู้สนใจพัฒนาเว็บที่ใช้บน iPhone และ iPad ที่ไม่ยอมรับ Flash อย่างไรก็ตาม Adobe ยังคงสนับสนุนการใช้เทคโนโลยี Flash เหมือนเดิม แต่เพิ่ม HTML5 ขึ้นมา เพื่อใช้กับแพลตฟอร์มที่ไม่รองรับ Flash โดยเฉพาะ

<a href="http://www.youtube.com/v/0SyrWZsOcbQ" target="_blank">http://www.youtube.com/v/0SyrWZsOcbQ</a>

เว็บไซต์ในข่าว: Adobe

<a href="http://www.arip.co.th/news.php?id=414110" target="_blank"><img src="http://www.arip.co.th/2009/images/logo_arip_s.png" align="middle" border=0>[/url] <a href="http://www.arip.co.th/news.php?id=414110" target="_blank">ข่าวไอที ทิป-เทคนิค คอมพิวเตอร
บันทึกการเข้า

 คลิกที่นี่ เพื่อขอรับ ข่าวด่วน! จากเว็บ ICT.in.th ทางอีเมล์ ฟรี!



อย่าถามว่าฉันจะได้อะไร แต่จงถามว่าฉันจะให้อะไรกับ ICT.in.th  /Don't ask what I will get, but ask what I will give ICT.in.th

หน้า: [1]   ขึ้นบน
  พิมพ์  
 
กระโดดไป:  


ข้อความ หรือรูปภาพที่ปรากฏในเว็บไซต์แห่งนี้ เกิดจากการเขียนโดยสาธารณชน และถูกส่งขึ้นโดยอัตโนมัติจากบุคคลทั่วไป ซึ่งทาง ICT.in.th มิได้มีส่วนร่วมรู้เห็น ตรวจสอบ หรือพิสูจน์ข้อเท็จจริงใดๆ ทั้งสิ้น ผู้อ่านจึงควรใช้วิจารณญาณในการรับข่าวสารข้อมูล หากท่านพบเห็นข้อมูลที่ไม่เหมาะสม กรุณาแจ้งให้ทีมงานทราบ เพื่อดำเนินการต่อไป