การสร้าปุ่มแอนิเมชั่น

สร้างปุ่ม Animation เมื่อนำเม้าส์มาวางที่ปุ่ม เจ้าปุ่มก็จะเคลื่อนไหวได้ตามต้องการ

ข้อตกลง : เพื่อความกระชับในการเขียนบทความให้เข้าใจง่าย และรวดเร็ว ผมขอใช้คำย่อดังนี้ครับ      mc  หมายถึง  MovieClip       as   หมายถึง  ActionScript       cai  หมายถึง  บทเรียนคอมพิวเตอร์ช่วยสอน

ลองทดสอบดูครับ
ดาวโหลดไฟล์ตัวอย่าง (.fla)

ในที่นี้ผมจะอธิบายในส่วนของ zoom zoom อันเดียวนะครับ อันอื่นก็เป็นการประยุกต์ ในลักษณะเดียวกัน  มาเริ่มกันเลยครับ

1. เปิดโปรแกรม Flash ขึ้นมา แล้วที่เฟรมที่ 1 Layer 1 สร้างวงกลมหนึ่งวง แล้วทำการแปลงเป็น Mc พร้อมกับตั้งชื่อ ให้ mc นี้ว่า  mc1

2. ดับเบิลคลิกเข้าไปใน mc1 เพื่อทำการสร้างการเคลื่อนไหวตามต้องการ ในที่นี้จะเป็นการซูม ให้ทำการคลิกที่เฟรมที่ 5 แล้วกดปุ่ม F6 ที่แป้นพิมพ์ ต่อไปก็ทำการคลิกที่เฟรมที่ 10  แล้วก็กดปุ่ม F6 ที่แป้นพิมพ์

3. คลิกที่เฟรมที่ 1 ที่ properties ที่ tween เลือกเป็น shape  คลิกที่เฟรมที่ 5 ที่ properties ที่ tween เลือกเป็น shape  เช่นกัน และที่เฟรมที่ 5 นี้ให้ทำการขยายวงกลมให้ใหญ่ขึ้นตามภาพ

4. ใส่ as นี้ที่เฟรมที่ 1  และ 5 stop();

5. กลับมายัง timeline หลัก ที่เฟรมใส่ as ตามนี้

mc1.onRollOver=function(){  this.gotoAndPlay(2); // ถ้านำเม้าส์มาวางให้ไปเล่นที่เฟรมที่ 2 } mc1.onRelease=function(){  trace("go go go"); // คลิกแล้วให้ทำอะไรต่อก็แก้ที่บรรทัดนี้ครับ } mc1.onRollOut=function(){  this.gotoAndPlay(6); // ถ้านำเม้าส์ออกให้ไปเล่นที่เฟรมที่ 6 }

6. ทำการทดสอบโดยการกด Ctrl+Enter

เอาไปประยุกต์ต่อนะครับ