Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Flash [Flash]วิธีทำจับวัตถุเคลื่อนย ...
Maple Avatar ห้องแต่งตัวใหม่วิธีการเขียน Blog ส่วนตัววิธีโพสคลิปจาก Youtubeตารางข้อมูล เครดิต + Moneyวิธีการโพสกระทู้แบบรวดเร็ว
ดู: 6020|ตอบ: 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, 18-8-2017 15:50 , Processed in 0.106658 second(s), 23 queries .

Powered by Discuz! X1.5

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

Top 10 Best Sellers in Clothing for 2017 Top 10 Best Sellers in Clothing Best Sellers in Clothing
Top 10 Best Sellers in Books reviewer 2017 Top 10 Best Sellers in Books Best Sellers in Books