Adobe Edge Animate CC

Adobe Edge animate CC อัพเดตใหม่รองรับเสียง, responsive design, script loading

เรื่องที่เกี่ยวข้อง - Adobe Creative Cloud, Adobe Edge Animate CC, Adobe Edge Animate Update, HTML5 Audio

และวันนี้ก็มาถึงเมื่อ 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 เสียงได้ด้วยนะ!

Adobe Edge Animate CC - Native Audio Support

2. รองรับการใช้งานบน Responsive มากขึ้น (Responsive Scaling)

Edge Animate CC รองรัการสร้างอนิเมชั่นที่ยืดหยุ่นต่อการใช้งานมาได้สักระยะด้วย feature  Flexible Layout และ Responsive Preset มาก่อนแล้ว ในรุ่น 3.0 นี้ ก็ได้เพิ่มตัวเลือก อย่างเช่น Responsive Scaling เข้าไปในการทำงานของเรา

Adobe Edge Animate CC - 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 ที่ต้องการใช้ในงานของเราได้สะดวกขึ้นครับ

Adobe Edge Animate CC - Script Loading

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”]

 

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

  • เข้าใจง่าย ใช้ได้จริง ออกแบบการสอนอย่างเข้าใจโดยโค้ชพล
  • มีคอร์สสำหรับคนใช้งานทั่วไป จนถึงเรียนรู้เพื่อใช้งานในสายอาชีพขั้นสูง
  • ทุกคอร์สมีใบประกาศณียบัตรรับรองหลังเรียนจบ

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save