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

nooknazha

[Renpy] 75. วิธีแทรก มินิเกมส์ 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" ไม่ได้ใช้อะไรแล้วก็ลบทิ้งไปได้เลยค่ะ)



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

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


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


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


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


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


โหลดไฟล์ที่นี่ Thaigraph_Jigsaw_Puzzles_2.zip (875.38 KB, ดาวน์โหลดแล้ว: 397)

2019-11-30 22:49 อัปโหลด

คลิกชื่อไฟล์เพื่อดาวน์โหลด

ขอให้สนุกกับการสร้างเกมส์นะค่ะ^^"

******************************
บทความโดย นุ้ก
ขอจบบทความแค่เพียงเท่านี้ แล้วพบกันใหม่บทความหน้าค่ะ ^^
(ขอสงวนสิทธิ์อนุญาตให้เผยแพร่เฉพาะในเว็บ www.graphicfufu.comเท่านั้น)