Relative Path : Flash ActionScript 3.0

Relative Path คือ เป็นการเรียกใช้งานแบบๆว่า ให้ mc ตัวหลัำกทำงานโดยมี mc ย่อยทำงานพร้อมๆกันไปด้วย เช่น รถ จะมีล้อ กับตัวถังรถ ให้ตัวถังวิ่งไปข้างหน้าพร้อมๆกับล้อก็หมุนไปด้วย มาดูตัวอย่างกัน

ตัวอย่างนี้รถจะค่อยๆวิ่งไปแล้วล้อก็หมุนไปด้วย

วิธีการทำมีดั่งนี้

ก่อนอื่นต้องเตรรียมรูปก่อน

รูปตัวถังรถ

รูปล้อรถ

ที่มีจุดแดงๆก็เพราะว่าจะได้เห็นว่ามันหมุนจริงเปล่า

รูปพื้นหลัง

จากนั้นก็มาเริ่มกัน เลย

1. สร้าง เอกสารใน flash ขึ้นมาก่อน

สร้างเอกสารใหม่ใน flash

2. ตั้งค่าเอกสารให้เท่ากับภาพ background ที่เราเตรียมไว้

ตั้งค่าเอกสารใน flash cs

3. import รูปที่เตรียมไว้เข้ามา โดยไปที่ file – import – import to Library…แล้วเลือกที่เราเตรียมไว้มาให้หมด

tipflash import

และจะได้รูป มาอยู่ใน Library เรา

flash Library

4. ดับเบิ้ลคลิกที่ รูปล้อที่เราเตรียมไว้ เพือนำเข้าสู่ stage เรา

Library flash

5. กด F8 เพื่อ Contert to Sysbol ตั้งชื่อว่า wheel

Contert to Sysbol flash

6. นำรูป รถที่เราเตรียมไว้มาใส่ใน งานเรา

7. นำเมาส์ไปคลิกที่ล้อแล้วดูในส่วน propertes แล้วใส่ชื่อ instance ไปว่า wheel1

relative path

8. ไปเอา Movie wheel มาใส่เป็นล้อหลัง แล้ว ใส่ instance ไปว่า wheel2

9. นำเมาส์ไปลากคุมชิ้นส่วนรถทั้งหมด แล้วกด F8 เพื่อ Contert to Sysbol ตั้งชื่อว่า car_run ใส่ instance ว่า  car_run

relative-path

10.สร้างเลเยอร์ใหม่ชื่อว่า  action

newlayer flash cs

11.กด F9 ในเลเยอร์ ที่สร้างใหม่ แล้วใส่โค๊ดไป

add actionscript : flash

function run(myevent:Event):void
{
this.car_run.wheel1.rotation-=45;
this.car_run.wheel2.rotation-=45;
car_run.x-=10;

}
car_run.addEventListener(Event.ENTER_FRAME, run);

12. สร้างเลเยอร์ใหม่ ชื่อ bg แล้วนำรูปภาพพื้นหลัง แต่ต้องเอาเลเยอร์ bg นี้ลากไปไว้ล่างสุดของทุกเลเยอร์นะครับ

13. ใส่ภาพพื้นหลังลงไปในเลเยอร์  bg ได้เลยครับ

Relative Path : Flash ActionScript 3.0

14. กด ctrl+enter เพื่อดูผลได้เลยครับ

หากไม่เข้าใจสามารถดาวน์โหลด ไฟล์ Fla ไปดูประกอบได้ที่นี่เลยครับ —> download ตัวอย่างประกอบ flash