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

Posted by kkool | Filed under Flash Actionscript & Design

เคยเปิดเกมส์ flash ให้ลูกสาวเล่น ก็ผ่านตามากับเกมแต่งตัวของที่คล้ายๆเกมเปลี่ยนเสื้อผ้าตุ๊กตากระดาษสมัยก่อน
มีนางแบบยืนใส่ underware มายืนรอให้เด็กๆลากเสื้อผ้า ทรงผม รองเท้า accessories ต่างๆมาประดับประดา
ให้ความเพลิดเพลิน mix & match กันไป ด้วยความอยากจะลองหามาไว้ทำหุ่นหน้าลูกสาวเล่นๆดูบ้าง
ก็เลยเกิด Tuts ตัวนี้ขึ้นมา

Please enable Javascript and Flash to view this Flash video.

Step1. สร้างแฟลชใหม่ขึ้นมาซักตัวนึง ในที่นี้ผมใช้ 400×250 px
Step2. สร้าง object ขึ้นมาซักตัวนึงแล้ว Convert to symbol… เป็น movieclip ตั้งชื่อ Instant Name ว่า mc1
Step3. ทำเช่นเดียวกับ Step 2. แต่เปลี่ยนชื่อ Instant Name เป็น mc2
Step4. สร้าง layer ใหม่ขึ้นมาตั้งชื่อว่า action แล้วก็เอา script นี้ไปแปะไว้

mc1.onPress = function() {
startDrag(this);
};
mc1.onRelease = function() {
stopDrag();
};

mc2.onPress = function() {
startDrag(this);
};
mc2.onRelease = function() {
stopDrag();
};

เรียบร้อย ลอง Ctrl+Enter เช็คดูว่าลากได้มั๊ย

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

Download the FLA for this tutorial

Tags: Flash Actionscript & Design