ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน
ส่งอีเมล์ยืนยันการใช้งาน?

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

 
การค้นหาขั้นสูง

3,733 กระทู้ ใน 922 หัวข้อ- โดย 4,636 สมาชิก - สมาชิกล่าสุด: Joon
ใจดีโปรเจคหมวดหมู่ทั่วไปtutorials-flashตัวละครเดินบาฉากเคลื่อนที่
หน้า: [1]
พิมพ์
ผู้เขียน หัวข้อ: ตัวละครเดินบาฉากเคลื่อนที่  (อ่าน 8289 ครั้ง)
admin
Administrator
Hero Member
*****
กระทู้: 1,250


ดูรายละเอียด เว็บไซต์
« เมื่อ: 03 พฤศจิกายน 2010, 08:36:56 pm »

สวัสดีคร๊าบบบบ  ยิงฟันยิ้ม

มีน้องสอบถามมาว่า
"อยากจะมาสอบถามเกี่ยวกับฉากพื้นหลังให้เคลื่อนไหวกับตัวละคร
พอดีอยากทำให้ตัวละครเดินอยู่กับที่แล้วฉากหลังเลื่อนไปเรื่อยๆจะต้องทำยังไงครับ"


พี่ก็เลยทำตัวอย่างง่ายๆมาให้ชมก่อน ลองดูตัวอย่างนะครับ

(หมายเหตุ หากมองไม่เห็นตัวอย่างให้สมัครเป็นสมาชิกของบอร์ดก่อนนะครับ)



* demo01.swf (0.61 KB, 500x300 - ดู 3953 ครั้ง.)
บันทึกการเข้า



รับทำการ์ตูน , สื่อการสอน , แอนิเมชั่น การ์ตูน , app แอนดรอย
ใจดีโปรเจค 086-711-8259
mail : jaidee.project@gmail.com
https://www.facebook.com/jaiDProject
admin
Administrator
Hero Member
*****
กระทู้: 1,250


ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 03 พฤศจิกายน 2010, 08:42:07 pm »

ก่อนอื่น พี่ทำ mc ขึ้นมา แล้ววาดรูปล้อใส่ลงไปครับ ซึ่ง mc เราถือว่าเป็นวัตถุ ที่เล่นวนลูปตั้งแต่เฟรมแรก จนถึงเฟรมสุดท้ายภายใน mc ครับ (บางคนก็ใช้ประยุกต์ในการเขียนโค้ดแทนก็ได้นะครับ  ยิงฟันยิ้ม)

หากสงสัยว่า mc ทำอย่างไร แล้วอะไรคือ mc ก็สามารถดูได้ที่
http://www.jaid-project.com/webboard/index.php?topic=19.0

แล้วพี่ทำการเคลื่อนไหวภายใน mc ครับ
หากน้องลอง test-movie ตอนนี้ จะเห็นว่ามีล้อหมุนอยู่ แต่ยังไม่มีพื้น
พี่ก็ทำพื้นอีกเลเยอร์ ไว้ที่ root ครับ โดยทำ motionTween ให้พื้นเคลื่อนที่ตามปกติ

หากสงสัยว่า เรื่อง motionTween สามารถดูได้ที่
http://www.jaid-project.com/webboard/index.php?topic=15.0

แต่หากน้องยังสงสัยอยู่อีกแล้วละก็ โหลดตัวอย่างดูได้เลยครับ  ยิงฟันยิ้ม (ตัวอย่างทำด้วย CS3 นะครับ)

* demo01.fla (26.5 KB - ดาวน์โหลด 540 ครั้ง.)
บันทึกการเข้า



รับทำการ์ตูน , สื่อการสอน , แอนิเมชั่น การ์ตูน , app แอนดรอย
ใจดีโปรเจค 086-711-8259
mail : jaidee.project@gmail.com
https://www.facebook.com/jaiDProject
admin
Administrator
Hero Member
*****
กระทู้: 1,250


ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 03 พฤศจิกายน 2010, 08:46:03 pm »

จากตัวอย่าง พี่ประยุกต์ขึ้นมาอีกนิดโดยใส่ mark ไว้ เพื่อไม่ให้พื้นที่อยู่นอกเฟรมแสดงขึ้นมาครับ
(mark คือ สิ่งที่อยู่ในเลเยอร์ mark นั้น หากทับสิ่งใดที่อยู่ใน กรุ๊ปด้านล่าง จะสามารถ มองเห็นได้ครับ)

สอนเรื่องการใช้ mark ดูได้ที่ :http://www.jaid-project.com/webboard/index.php?topic=18.0

แต่หากน้องต้องการทำล้อ ให้เป็นสุนัขวิ่ง ก็สามารถแต่เฟรมใน mc ล้อให้เป็น รูปตามที่ต้องการได้ครับ

ตัวอย่างสอนทำ สุนัขวิ่ง แบบ เฟรมบายเฟรม
http://www.jaid-project.com/webboard/index.php?topic=147.0

สอนการทำอนิเมชั่นเบื่องต้นแบบเฟรมบายเฟรม (อีกแบบครับ)
http://www.jaid-project.com/webboard/index.php?topic=213.0

ยังไงก็ขอให้สนุกกับการทำแฟลชนะครับ  ยิงฟันยิ้ม
บันทึกการเข้า



รับทำการ์ตูน , สื่อการสอน , แอนิเมชั่น การ์ตูน , app แอนดรอย
ใจดีโปรเจค 086-711-8259
mail : jaidee.project@gmail.com
https://www.facebook.com/jaiDProject
หน้า: [1]
พิมพ์
กระโดดไป: