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


อะโดบี้เอดจ์(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 โดยเฉพาะ

 

ที่มา : ข่าวไอที ทิป-เทคนิค คอมพิวเตอร์