[x] ปิดหน้าต่างนี้
Powered by CAISTUDIO.INFO >>คลังสื่อ CAI
<< หน้าหลัก / Home >>

  << บทความ /cai >>

Animation
สร้างปุ่ม Animation

อาทิตย์ ที่ 26 เดือน กันยายน พ.ศ.2553



สร้างปุ่ม 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
เอาไปประยุกต์ต่อนะครับ


เข้าชม : 58578


Animation 5 อันดับล่าสุด

      สร้างปุ่ม Animation 26 / ก.ย. / 2553


Powered by : PHP | Mysql | MAXSITE 1.10 | Design by : JP_Graphic [E-mail : webmaster@caistudio.info]