[Renpy] 74. วิธีแทรก มินิเกมส์ Jigsaw Puzzle

nooknazha

[Renpy] 74. วิธีแทรก มินิเกมส์ Jigsaw Puzzle
เป็นโค๊ด "มินิเกมส์จิ๊กซอ" ที่ค้นเจอในบอร์ด lemmasoft โดยคุณ SusanTheCat พัฒนาไว้ แล้วข้าพเจ้าก็นำมาปรับแต่งเพิ่มเติมโดยใส่โค๊ดของตัวเองเข้าไปอีก เพื่อให้ตัวมินิเกมส์สมบูรณ์มากขึ้นนะคะ

โดยในโค๊ดที่ว่านี้จำเป็นต้องมีโฟลเดอร์ซึ่งใช้เป็นภาพต้นแบบชื่อว่า "puzzle_pieces" เพิ่มลงไปด้วยในโฟลเดอร์ "game" โค๊ดคำสั่งมินิเกมส์ถึงจะใช้ได้ ส่วนภาพที่จะประกอบก็จะมีประมาณนี้ค่ะ (ทั้งหมดมีให้โหลดในไฟล์ต้นฉบับ ท้ายบทความค่ะ)

รูปแบบการทำงานของโค๊ดตัวเพิ่มเติมนี้ เมื่อเข้าเกมส์นี้จะเจอกับหน้าถามผู้เล่นว่าต้องการเล่นเกมส์นี้หรือไม่?


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

ในกรณีที่ผู้เล่นต่อจิ๊กซอภาพครบทุกชิ้น เกมส์จะวิ่งไปที่หน้า label win: พร้อมแสดงภาพหน้าตัวสมบูรณ์ และโชว์คำว่า "คุณชนะแล้ว"

และในกรณีตรงข้าม คือถ้าผู้เล่นคลิกปุ่ม "EXIT" เพิ่มออกจากหน้นมินิเกมส์โดยไม่เล่นต่อให้จบ เกมส์ก็จะวิ่งไปที่หน้า label lose: ทันที พร้อมกับแสดงคำว่า "คุณแพ้แล้ว"

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

1. 
   
2. image blank_image = "blank_image_800x600.jpg"
   
3. define v = Character('วิชชา', color="#f8f092")
   
4. 
   
5. init python:
   
6.     def piece_dragged(drags, drop):
   
7.         
   
8.         if not drop:
   
9.             return
   
10.         
    
11.         p_x = drags[0].drag_name[0]
    
12.         p_y = drags[0].drag_name[1]
    
13.         t_x = drop.drag_name[0]
    
14.         t_y = drop.drag_name[1]
    
15.         
    
16.         if p_x == t_x and p_y == t_y:
    
17.             renpy.music.play("Pickup_Coin.ogg", channel="sound")
    
18.             my_x = int(p_x)*100+25
    
19.             my_y = int(p_y)*100+25
    
20.             drags[0].snap(my_x,my_y)
    
21.             drags[0].draggable = False
    
22.             placedlist[int(p_x),int(p_y)] = True
    
23.             for i in range(6):
    
24.                 for j in range(4):
    
25.                     if placedlist[i,j] == False:
    
26.                         return
    
27.             return True
    
28.         return
    
29.         
    
30. screen jigsaw:
    
31.     python:
    
32.          ui.imagebutton("button.png", "button_hover.png", xalign=.01,yalign=.99 , clicked=ui.jumps("lose"))
    
33. 
    
34.     draggroup:
    
35.         
    
36.         for i in range(6):
    
37.             for j in range(4):
    
38.                 $ name = "%s%s"%(i,j)
    
39.                 $ my_x = i*100+50
    
40.                 $ my_y = j*100+50
    
41.                 drag:
    
42.                     drag_name name
    
43.                     child "blank_space_100x100.png"
    
44.                     draggable False
    
45.                     xpos my_x ypos my_y
    
46.             
    
47.             
    
48.         for i in range(6):
    
49.             for j in range(4):
    
50.                 $ name = "%s%s piece"%(i,j)
    
51.                 drag:
    
52.                     drag_name name
    
53.                     child imagelist[i,j]
    
54.                     droppable False
    
55.                     dragged piece_dragged
    
56.                     xpos piecelist[i,j][0] ypos piecelist[i,j][1]
    
57.             
    
58.            
    
59. label puzzle:
    
60.     call screen jigsaw
    
61.     jump win
    
62. 
    
63. label start:
    
64.     scene blank_image
    
65.     menu:
    
66.         v "เรามาเล่นกันหน่อยไหม?"
    
67.         
    
68.         "เล่นสิ":
    
69.                 scene blank_image
    
70.                 image whole = "thaigraph_6X4_600x400.jpg"
    
71. 
    
72.                 python:
    
73.                     mainimage = im.Composite((650, 450),(25, 25), "thaigraph_6X4_600x400.jpg")
    
74.                     piecelist = dict()
    
75.                     imagelist = dict()
    
76.                     placedlist = dict()
    
77.                     for i in range(6):
    
78.                         for j in range(4):
    
79.                             piecelist[i,j] = [renpy.random.randint(0, 600)+100, renpy.random.randint(0, 480)] #ปรับระยะกระจายของจิ๊กซอ
    
80.                             tempimage = im.AlphaMask(mainimage,"puzzle_pieces/%s_%s.png"%(j+1,i+1))
    
81.                             imagelist[i,j] = im.Crop(tempimage, i*100,j*100, 150, 150)
    
82.                             placedlist[i,j] = False
    
83.                 jump puzzle
    
84.             
    
85.         "ไม่ดีกว่า":
    
86.             return
    
87. 
    
88. label win:
    
89.     scene black
    
90.     show whole at Position(xalign=0.5,yalign=0.5)
    
91.     v "คุณชนะแล้ว"
    
92. return
    
93. 
    
94. label lose:
    
95.     scene black
    
96.     v "คุณแพ้แล้ว"
    
97. return
    

คัดลอกไปที่คลิปบอร์ด

***ไฟล์ต้นฉบับค่ะ เปิดด้วย renpy เวอร์ชั่น 6.18.3-sdk หรือสูงกว่า Thaigraph_Jigsaw_Puzzles.zip (603.32 KB, ดาวน์โหลดแล้ว: 456)

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

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

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

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