และวันนี้ก็มาถึงเมื่อ Adobe Edge Animate CC 3.0 ได้รับอัพเดตความสามารถที่ผม และหลายๆ คนรอมานาน นั่นคือการใช้ “เสียง” ใน animation และ interactive อย่างเป็นทางการ พร้อมความสามารถอื่นๆ ดังนี้
1. สนับสนุนการใช้เสียง (Native Audio Support)
เรื่องของเสียงในรุ่นก่อนหน้านี้ของ Edge Animate CC จำเป็นต้องใช้ Javascript ของคนอื่นเข้ามาช่วย และเราต้องลงไปลุย code พอสมควร (ใครใช้เจ้า buzz.js บ้าง) มาในรุ่นนี้ Adobe ได้ทำให้เราเอาเสียงมาใช้งานได้ง่ายขึ้น ทั้งการเพิ่มเข้าไปใน Asset panel , มี action พร้อมใช้, และมี code snippet พวก play audio, pause audio, auto play, และ loop มาให้เขียน script ได้เร็วขึ้น
เอ้อ เราสามารถไล่ fade in, fade out เสียงได้ด้วยนะ!
2. รองรับการใช้งานบน Responsive มากขึ้น (Responsive Scaling)
Edge Animate CC รองรัการสร้างอนิเมชั่นที่ยืดหยุ่นต่อการใช้งานมาได้สักระยะด้วย feature Flexible Layout และ Responsive Preset มาก่อนแล้ว ในรุ่น 3.0 นี้ ก็ได้เพิ่มตัวเลือก อย่างเช่น Responsive Scaling เข้าไปในการทำงานของเรา
3. โหลด Javascript ข้างนอกมาใช้ง่ายขึ้น (Script Loading)
เบื้องหลัง Edge Animate CC คือ Javascript เป็นส่วนใหญ่ ทั้งการทำ interactive และการทำ action โต้ตอบกับผู้ใช้ก็ใช้ภาษา Javascript เป็นพื้นฐาน การนำ framework ของคนอื่นที่เขียนไว้ อย่างเช่น GreenSock หรือ Zepto (ใครเรียนกับผมคงจำ buzz.js ที่ทำให้เราเอาเสียงมาใช้ได้อยู่) มาใช้จะต้องลงแรงและทำความเข้าใจวิธีการอยู่พอสมควร
แต่ตอนนี้ไม่ต้องแล้ว Edge Animate CC เพิ่มฟีเจอร์ที่เรียกว่า Script Loading เข้าไปให้เราระบุ Javascript Library ที่ต้องการใช้ในงานของเราได้สะดวกขึ้นครับ
Feature อื่นๆ ที่ได้รับการปรับปรุง
- Motion Path รองรับการหมุนและเปลี่ยนแปลงขนาด
- จัดให้ HTML Animation อยู่กลางหน้าเพจได้แล้ว
- ใช้ภาพ Poster Image แบบโปร่งแสงในไฟล์ OAM ได้แล้ว (Transparent Poster Image)
- กำหนดให้ OAM ใช้ไฟล์ที่จำเป็นจาก Server อื่นได้แล้ว (CDN)
- อัพเดต JQuery เป็นเวอร์ชั่นใหม่ 2.0.3 แทนเวอร์ชั่นเก่า 1.7.1 เพื่อความรวดเร็ว
- สนับสนุน Source Map สำหรับการ Debug HTML Animation
ทิ้งท้าย และวิดีโอสุดสัปดาห์
นับว่าเป็นเรื่องที่น่ายินดีที่ Adobe Edge Animate CC ได้เดินทางมาถึงรุ่นที่ 3 แล้ว สุดสัปดาห์นี้มาพบกับวิดีโอสาธิตวิธีการใส่เสียงเพลงใน Adobe Edge Animate CC ครับ
และอย่าลืม! ลงทะเบียนรับ Email Newsletter หรือ subscribe YouTube ผมที่นี่ครับ
[sb name=”Bottom-Post-Ads”]