Thaigraph

 

   

ค้นหา
Thaigraph หน้าย่อย Flash [Flash]วิธีทำจับวัตถุเคลื่อนย ...
Maple Avatar ห้องแต่งตัวใหม่วิธีการเขียน Blog ส่วนตัววิธีโพสคลิปจาก Youtubeตารางข้อมูล เครดิต + Moneyวิธีการโพสกระทู้แบบรวดเร็ว
ดู: 5639|ตอบ: 7
go

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

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 16-4-2013 01:51 |แสดงโพสต์ทั้งหมด


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

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


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

ไฟล์แนบ: คุณจำเป็นต้องเข้าสู่ระบบก่อนจึงจะสามารถดูและดาวน์โหลดไฟล์แนบได้ หากยังไม่มีแอคเคานต์หรือยังไม่ได้เป็นสมาชิก กรุณาสมัครสมาชิก
บางบทความคุณจำเป็นต้องสมัครสมาชิกแบบ VIP และ SUPERVIP ถึงจะเข้าอ่านบทความได้

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 16-4-2013 01:53 |แสดงโพสต์ทั้งหมด

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. object_move.addEventListener(MouseEvent.MOUSE_DOWN, start_move);
  5. function start_move(evt:MouseEvent):void {
  6. object_move.startDrag();
  7. }

  8. object_move.addEventListener(MouseEvent.MOUSE_UP, stop_move);
  9. function stop_move(e:MouseEvent):void {
  10. object_move.stopDrag();
  11. }
คัดลอกไปที่คลิปบอร์ด
(ตัวอย่าง...)


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




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

ไฟล์แนบ: คุณจำเป็นต้องเข้าสู่ระบบก่อนจึงจะสามารถดูและดาวน์โหลดไฟล์แนบได้ หากยังไม่มีแอคเคานต์หรือยังไม่ได้เป็นสมาชิก กรุณาสมัครสมาชิก
บางบทความคุณจำเป็นต้องสมัครสมาชิกแบบ VIP และ SUPERVIP ถึงจะเข้าอ่านบทความได้

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 5-7-2013 10:58 |แสดงโพสต์ทั้งหมด
ขอบคุณครับ

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 5-7-2013 10:58 |แสดงโพสต์ทั้งหมด
ขอบคุณครับ

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 22-6-2014 22:51 |แสดงโพสต์ทั้งหมด
อยากทำให้หัวใจหยุดได้ไหมค่ะ เช่น มีกรอบสี่เหลี่ยม พอแดร๊ก หัวใจไปในกรอบสี่เหลี่ยมหัวใจก็จะเคลื่อนไม่ได้อีก ประมาณนี้อะค่ะ

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 24-6-2014 18:18 |แสดงโพสต์ทั้งหมด
ขอบคุณยิ่งนัก กำลังหาเรียน flash อยู่พอดี

Rank: 1

โพสต์เมื่อ 20-3-2015 22:52 |แสดงโพสต์ทั้งหมด
เจ๋งครับ ขอบคุณมาก

Rank: 1

โพสต์เมื่อ 16-6-2015 15:36 |แสดงโพสต์ทั้งหมด
thx mak ka

Thaigraph

GMT+7, 30-4-2017 15:52 , Processed in 0.043282 second(s), 23 queries .

Powered by Discuz! X1.5

© 2001-2010 Comsenz Inc. Thai Language by DiscuzThai! Team.