ภาพเวกเตอร์ ดาวน์โหลดฟรี

วันนี้ผมจะมาสอนวิทีทำให้วัตถุหมุนรอบตัวเอง ด้วยสคริป 2.0 อย่างง่ายกันนะครับ

ด้วยหัวข้อ สร้างล้อรถหมุน ด้วยแฟลชสคริป  2.0 นั้นเอง

ขั้นตอนแรกเตรียมรูปภาพ รถ กับ ล้อ นะครับ

รถ

ล้อรถ

ดาวน์โหลดได้ที่นี่ ภาพรถและล้อรถ

จากนั้นก็เปิดโปรแกรม Adobe Flash เมื่อเปิดโปรแกรมเสร็จก็สร้างขนาด เป็น 480 x 250 นะครับ และใช้ ActionScript 2.0 เหมือนกับภาพตัวอย่าง A

จากนั้นให้นำภาพรถและล้อรถที่ได้ ดาวน์โหลดมานั้น Import to Stage ดังภาพตัวอย่าง B

เรียงตามลำดับ จาก 1 ไป 2 ไป 3 จากนั้นคอมพิวเตอร์ของท่านจะแสดง กล่องที่เก็บไฟล์ ให้ Brown หาไฟล์รถและล้อรถ

เลือกทั้ง 2 รูปพร้อมกันเลยนะครับจะได้รวดเร็วและประหยัดเวลา

จากนั้นรูปภาพทั้ง 2 จะเข้ามาอยู่หน้าจอของแฟลชที่คุณได้สร้างไว้ตอนแรก ดังภาพด้านล่างนี้

จากนั้นให้คุณจัดวางตำแน่งให้เหมาะสม โดยนำล้อรถมาวางให้ถูกตำแหน่ง ตอนนี้มีแค่ 1 ล้อก่อนนะครับ

เมื่อวางถูกตำแหน่งแล้วให้เลือกเฉพาะล้อรถเท่านั้นนะครับ แล้วทำการ Convet to Symbol โดยไปที่ Modify>Convet to Symbol หรือ กด F8

ระบุชื่อให้มันเป็น wheel นะครับ ตามขั้นตอนที่ F

ล้อรถของคุณก็จะเป็น MovieClip ทันทีโดยมีชื่อว่า wheel ให้เลือกที่ล้อรถแล้ว ดังขั้นตอนที่ G ของภาพตัวอย่าง กด F9 เพื่อที่เราจะใส่ ActionScript ลงไปใน MovieClip ที่เราได้สร้องขึ้นมา ขั้นตอนที่ H

ให้พิมพ์ Code ตามนี้ลงไป

onClipEvent (enterFrame) {
    this._rotation+=15;
}
 

จากนั้นให้คุณ copy ล้อรถให้มาวางอีกอัน เหมือนภาพตัวอย่าง

จัดตำแหน่งให้เหมาะสม หลังจากนั้นก็เริ่มทดสอบ ไฟล์ สร้างล้อรถหมุน ด้วยแฟลชสคริป  2.0 ได้เลยครับ โดยกด Ctrl+Enter ที่แป้นคีย์บอร์ด จะเห็นว่าล้อรถทั้งสอนได้หมุดไปข้างหน้าพร้อมๆ กันครับ

ดาวน์โหลดไฟล์ตัวอย่างได้ที่นี่  ไฟล์ตัวอย่างสร้างล้อรถหมุน ด้วยแฟลชสคริป  2.0