Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Ren'Py [renpy] วิธีแทรก มินิเกมส์ Jigsaw P ...
ดู: 1607|ตอบ: 13
go

[renpy] วิธีแทรก มินิเกมส์ Jigsaw Puzzle (แบบ 2)

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 10-8-2015 02:26 |แสดงโพสต์ทั้งหมด



[renpy] วิธีแทรก มินิเกมส์ Jigsaw Puzzle (แบบ 2)
เป็นโค๊ดมินิเกมส์แนว จิ๊กซออีกแบบที่พัฒนาขึ้นโดยทีมงาน PYTOM นะคะ เห็นว่าการจัดวางและเทคนิคลูกเล่นน่าสนใจดี เลยเอามาทำเป็นบทความให้สำหรับคนที่สนใจอยากจะแทรกมินิเกมส์เพิ่มลูกเล่นให้กับเกมส์ของตัวเองค่ะ

มินิเกมส์แบบที่ 2 จะมีไฟล์เพิ่มมา 2 ไฟล์คือ puzzle.rpy และ cardgame.rpy และมีโฟลเดอร์สำหรับใช่เก็บภาพจิ๊กซอเพิ่มมาอีก 1 คือ โฟลเดอร์ card (ทั้งหมดนี้มีให้โหลดสำหรับใช้ดูประกอบที่ท้ายบทความค่ะ)





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

ขั้นตอนการเตรียมภาพนะค่ะ
1. ให้เปิดโปรแกรม Photoshop และเปิดภาพที่จะใช้ทำเป็นจิ๊กซอ (ให้มีขนาด 800*600 pt หรือให้เท่ากับขนาดหน้าจอเกมส์ของคุณ)
2. ถ้าที่พื้นที่งานคุณยังไม่โชว์แถบวัดไม้บรรทัด ก็ให้กดปุ่ม Ctrl+R เพื่อเรียกไม้บรรทัดขึ้นมาก่อนค่ะ
3. คุณจะต้องเริ่มจากสร้างเส้นไกด์ขึ้นมาก่อน โดยให้คลิกที่แถบไม้บรรทัดค้างไว้ แล้วแดรกเม้าส์ลากลงมา เส้นไกด์จะถูกสร้างให้อัตโนมัติ (ถ้าดึงจากแถบบรรทัดด้านบนเส้นไกด์จะเป็นแนวขวาง และถ้าดึงจากแถบไม้บรรทัดมุมซ้ายจะได้เส้นไกด์เป็นแนวตั้ง) ให้คุณสร้างเส้นไกด์มาวางเรียงเป็นช่องตารางโดยให้มีขนาดเท่ากับ 3*4 (ยาว*กว้าง)  (มี 12 ช่อง)



4. แล้วให้ใช้เครื่องมือ Slice Tool


5. ทำการตัดภาพตาช่องเส้นไกด์ทีละช่อง จนครบทั้ง 12 ช่องตามภาพด้านล่างค่ะ (ต้องให้แต่ละมุมตัดแต่ละบรรจบกันให้ดีด้วย)


(หลังจากตัดภาพทั้งหมดครบ 12 ช่อง(ภาพ)แล้ว)


6. จากนั้นก็ให้ได้ที่คำสั่ง File >Save for Web...


- บันทึกภาพเป็นสกุล .jpg ชื่อ "princess"


(หลังจากบันทึกภาพแล้ว คุณก็จะได้ไฟลเดอร์ชื่อ "images" ที่เก็บภาพทั้ง 12 ภาพมาค่ะ)


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

วิธีแก้ไขชื่อของภาพ ให้คลิกเม้าส์ขวาบนภาพที่ต้องการ แล้วเลือกคำสั่ง "Rename" ให้คุณแก้ไขชื่อภาพใหม่ให้หมดทั้ง 12 ภาพ



(หลังจากแก้ไขชื่อภาพใหม่ทั้งหมดเรียนร้อยแล้ว (ชื่อหน้าเหมือนเดิม แต่ใส่ลำดับตัวเลขลงไปต่อท้ายภาพ))

8. แล้วก็ให้นำภาพทั้ง 12 ชิ้นที่เปลี่ยนชื่อแล้วมาวางไว้ที่โฟลเดอร์ชื่อ "card" (โฟลเดอร์ "images" ไม่ได้ใช้อะไรแล้วก็ลบทิ้งไปได้เลยค่ะ)





เสร็จแล้วค่ะสำหรับขั้นตอนการเตรียมภาพ

-------------------------------------------------------------


ขั้นตอนการทำงาน
เมื่อเข้าเกมส์มาก็จะเจอหน้าอธิบายวิธีเล่นก่อน


- แล้วก็เลิกเล่นมินิเกมส์ได้เลย โดยคุณจะต้องทั้งหมุนภาพ สลับภาพจนกว่าจะได้ตำแหน่งภาพที่ถูกต้อง



(ที่มุมซ้ายล่างจะมีเมนูให้คุณคลิกออกจากมินิเกมส์ได้ตลอดเวลา)




- ในกรณีที่คุณคลิกออกจากมินิเกมส์กระทันหันทั้งที่ยังเล่นไม่จบเกมส์ จะมีหน้าคำถามแสดงขึ้นมาเพื่อกันในกรณีที่คุณเผลอพลาดไปคลิดโดนปุ่มกดออก




เมื่อคุณเล่นจนจบเกมส์แล้วก็จะมีหน้าแสดงความยินดีโชว์ขึ้นมาให้ค่ะ


***ไฟล์ต้นฉบับค่ะ เปิดด้วย renpy เวอร์ชั่น 6.18.3-sdk หรือสูงกว่า
[hide][/hide]
แล้วพบกันใหม่บทความหน้านะคะ ขอให้สนุกกับการทำเกมส์ค่ะ

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



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

Rank: 1

โพสต์เมื่อ 15-10-2015 15:57 |แสดงโพสต์ทั้งหมด
ขอบคุณสำหรับความรู้ดีๆนะคะ

Rank: 1

โพสต์เมื่อ 22-10-2015 21:00 |แสดงโพสต์ทั้งหมด
ขอบคุณค่ะ :)

Rank: 1

โพสต์เมื่อ 5-12-2015 21:24 |แสดงโพสต์ทั้งหมด
ขอบคุณค่ะ

Rank: 1

โพสต์เมื่อ 7-2-2016 20:14 |แสดงโพสต์ทั้งหมด
ขอบคุณมากนะคะ

Rank: 1

โพสต์เมื่อ 21-2-2016 19:39 |แสดงโพสต์ทั้งหมด
ถ้าทำแบบจิกซอวชนะแล้วปลดล็อคแกลเลอรี่นี้ได้ปะคะ

Rank: 1

โพสต์เมื่อ 17-3-2016 01:47 |แสดงโพสต์ทั้งหมด
ขอบคุณสำหรับแนวทางและความรู้มากๆ ฮะ
ดำน้ำเองมาตั้งนาน

Rank: 1

โพสต์เมื่อ 24-7-2016 23:57 |แสดงโพสต์ทั้งหมด
ขอบคุณครับ

Rank: 1

โพสต์เมื่อ 27-9-2016 16:28 |แสดงโพสต์ทั้งหมด
ดีจัง

Rank: 1

โพสต์เมื่อ 20-10-2016 01:28 |แสดงโพสต์ทั้งหมด
ขอบคุณค่ะ
คุณต้องเข้าสู่ระบบก่อนจึงจะสามารถตอบกลับ เข้าสู่ระบบ | สมัครสมาชิก


Thaigraph

GMT+7, 21-11-2017 14:51 , Processed in 0.107000 second(s), 22 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