[Flash]วิธีทำจับวัตถุเคลื่อนย้าย Drag Drop ActionScript 3.0

NOOKFUFU2

[Flash]วิธีทำจับวัตถุเคลื่อนย้าย Drag Drop ActionScript 3.0

ตามหัวข้อเลยนะค่ะ ให้ลองคลิกจับรูปหัวใจที่ Falsh ด้านล่างและเคลื่อนย้ายดู ^^"


ไฟล์ตัวอย่างค่ะ

ผู้เยี่ยมชมเนื้อหาถูกซ่อนไว้ คุณจะต้องแสดงความคิดเห็นก่อนจึงจะสามารถมองเห็นเนื้อหาส่วนที่ถูกซ่อนนี้ได้

NOOKFUFU2

1. เมื่อเปิดโปรแกรม ให้เลือกชนิดโค๊ดสคริปงานเป็นแบบ Actionscript 3.0



2. ให้สร้าง symbol ฉากหลังขึ้นมา โดยในขั้นตอนนี้เราอาจสร้างฉากหลังจากโปรแกรม Adobe Illustrator และทำการโอนเข้ามาวางในโปรแกรม Adobe Flash โดยวิธีคัดลอกจากโปรแกรม Illustrator ( เลือกพื้นฉากทั้งหมด แล้วกด Ctrl+C ) และเปิดหน้าโปรแกรม Flash และวางวัตถุที่คัดลอกมาวางลงบนหน้าจอ (กด Ctrl+V)

- โปรแกรมจะแสดงหน้าต่างขึ้นมาถามว่าต้องการให้วัตถุที่วางลงนั้นมีชนิดเป็นภาพธรรมดา หรือภาพเวคเตอร์ ai ให้เลือกเป็นเวคเตอร์ ai (ย่อมาจาก Adobe Illustrator )และกด "OK" ไปเลยค่ะ



3. ให้คลิกเลือกภาพพื้นหลังทั้งหมดและกดปุ่ม F8 (หรือไปที่คำสั่ง Modify > Convert to Symbol...)



- ตั้งชื่อ Symbol ว่า "bg" กำหนดชนิด Type เป็น "Movie Clip" และคลิกปุ่ม "OK"



4. ให้เปิดพาแนล Properties โดยการกดปุ่มคีย์ Ctrl+F3 (หรือไปที่คำสั่ง Window > Properties ) และให้ตั้งชื่อ symbol (ชื่อที่จะนำไปใช้ในโค๊ดสคริป) ว่า "bg"



5. ขั้นต่อไปให้สร้างตัววัตถุที่เราจะใช้คลิกจับเคลื่อนย้ายภายในพื้นที่งาน โดยกำหนดให้เป็น Symbol จะสร้างจากโปรแกรม Flash หรือนำเข้ามาจากโปรแกรมอื่นก็ได้ โดยการทำตามวิธีเดียวกันกับขั้นตอนข้างต้น

- ตั้งชื่อ Symbol ว่า "object_move"


6. (ยังคลิกเลือกที่วัตถุหัวใจ หรือวัตถุ Symbol ที่จะใช้คลิกจับย้าย) ที่พาแนล Properties ให้ตั้ง  Symbol ชื่อว่า "object_move"



7. ให้คลิกที่เฟรมที่ 1 และกดปุ่มคีย์ "F9" หรือ คลิกเม้าส์ขวาเลือกคำสั่ง "Action"


8. แล้วให้นำโค๊ดสคริปด้านล่างนี้ไปวาง

1. bg.addChild(object_move);
   
2. object_move.x = 0;
   
3. object_move.y = 0;
   
4. 
   
5. object_move.addEventListener(MouseEvent.MOUSE_DOWN, start_move);
   
6. function start_move(evt:MouseEvent):void {
   
7. object_move.startDrag();
   
8. }
   
9. 
   
10. object_move.addEventListener(MouseEvent.MOUSE_UP, stop_move);
    
11. function stop_move(e:MouseEvent):void {
    
12. object_move.stopDrag();
    
13. }

คัดลอกไปที่คลิปบอร์ด

(ตัวอย่าง...)


9. กดปุ่มคียฺ์ Ctrl +Enter เพื่อลองรันสคริปดูค่ะ



บทความโดย NOOKFUFU2
(ขอสงวนสิทธิ์ให้เผยแพร่เฉพาะในเว็บไทยกราฟเท่านั้น!!!)

ohmohm1234

ขอบคุณครับ

ohmohm1234

ขอบคุณครับ

kamolpans

อยากทำให้หัวใจหยุดได้ไหมค่ะ เช่น มีกรอบสี่เหลี่ยม พอแดร๊ก หัวใจไปในกรอบสี่เหลี่ยมหัวใจก็จะเคลื่อนไม่ได้อีก ประมาณนี้อะค่ะ

kitiporn

ขอบคุณยิ่งนัก กำลังหาเรียน flash อยู่พอดี

Chirokung

เจ๋งครับ ขอบคุณมาก

talasine

thx mak ka