Flash Tuts: ลากวัตถุใน flash (Draggable Objects 2)

Posted by kkool | Filed under Flash Actionscript & Design

Flash Tuts: คลิกลากวัตถุด้วย Actionscript อีกแบบ
จากคราวที่แล้ว เรื่อง Draggable Objects
แต่คราวนี้เราจะมาใช้อีกวิธี เป็นการสั่งจาก cursor เริ่มต้นกันเลยดีกว่า

Please enable Javascript and Flash to view this Flash video.

1. สร้างไฟล์ flash ขึ้นมาใหม่ ผมใช้ 400 x 250 px

2. สร้าง layer1 เป็น bg สีตามชอบ

3. สร้าง Layer2 ชื่อ objects เอาไว้เก็บวัตถุที่เราต้องการลากมันได้ จากนั้นสร้าง object ขึ้นมาตามชอบ ในตัวอย่างผมสร้างหกเหลี่ยมสีเหลืองขึ้นมา …

4. จากนั้นเป็นเจ้าหกเหลี่ยมเหลืองเป็น mc ตั้งชื่อว่า “object_mc”

5. ดับเบิ้ลคลิก เข้าไปใน “object_mc” เปลี่ยน หกเหลี่ยมเหลืองที่ดับบเบิ้ลคลิกเข้ามาเจอนั้นให้เป็น button ตั้งชื่อว่า “object_but” แล้วใส่ Actionscript ข้อ 6 เข้าไป

6. Actionscript

on (press) {
swapDepths(2 );
_root.cursor.swapDepths(3);
startDrag(”");
}

on (release) {
stopDrag();
}

7. ย้อนกลับมาที่ main scene แล้วใส่ script ที่ timeline ว่า

help = false;

8. Duplicate object_mc มาวางจำนวนตามชอบใจ

9. สร้าง Layer3 สำหรับ “cursor” โดยพิมพ์คำว่า “MOVE IT” เปลี่ยนเป็น mc ตั้งชื่อว่า “cursor” ใส่ script ตามข้อ 10

10 script สำหรับ cursor

onClipEvent (load) {
}
onClipEvent (mouseMove) {
xm = getProperty (_root, _xmouse );
ym = getProperty (_root, _ymouse );
setProperty(”_root.cursor”, _x, xm);
setProperty(”_root.cursor”, _y, ym);
}

onClipEvent (mouseDown) {
with (_root.cursor) {
gotoAndStop(”clench”);
}
}

onClipEvent (mouseUp) {
with (_root.cursor) {
gotoAndStop(”open”);
}
}

ลอง Ctrl+Enter ดูเลยครับ

ถ้าสงสัยตรงไหนลอง mail มาถามดูครับ