[Renpy] 28. ทำร้านค้าแบบ Advanced + Imagemap

nooknazha

[Renpy] 28. ทำร้านค้าแบบ Advanced + Imagemap

รูปแบบการเขียนก็จะเป็นการนำโค๊ดจากบทความ -ซึ่งข้าพเจ้าได้อธิบายแต่ละขั้นตอนไปแบบละเอียดไปแล้วมาในทความนี้ก็จะเป็นการนำ Imagemap มาใช้ร่วมกันเพื่อให้เกมส์ดูมีสีสันน่าสนใจขึ้นนะคะ


รูปแบบการทำงาน:
1. เมื่อเริ่มเกมส์ผู้เล่นจะได้รับเงินเพิ่มเติมและให้ ren'py แสดงค่าเงินคงเหลือทั้งหมดให้ผู้เล่นทราบ
2. จากนั้นผู้เล่นจะเข้าร้านขายขนม(โชว์หน้า Imagemap ขึ้นมา)และให้แสดงค่าเงินคงเหลือล่าสุดที่มุมจอขวาบน
3. ในกรณีที่ราคาสินค้ามากกว่า จำนวนเงินที่ผู้เล่นมีอยู่ ren'py จะแจ้งว่า"คุณไม่มีเงินพอซื้อ" แล้วกลับไปที่หน้าร้านขายขนมใหม่อีกครั้ง
4. หลังจากผู้เล่นเลือกซื้อขนมที่ต้องการได้แล้วก็ให้ ren'py ทวนอีกครั้งว่าผู้เล่นเพิ่งซื้อสินค้าอะไรไปและราคาเท่าไหร่ และเหลือผู้เล่นเงินอยู่เท่าไหร่
5. ในกรณีที่ผู้เล่นคลิกที่"ปุ่มออกจากร้าน" ren'py จะออกจากระบบการศินค้าทันที
เอาละมาเริ่มกันเลย:
เริ่มแรกก็ทำภาพที่จะเป็น Map ขึ้นมาก่อนค่ะวิธีการทำภาพ Map





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

ให้นำโค๊ดนี้ไปใส่ที่ไฟล์ options.rpy ค่ะ

1. <font face="Tahoma, sans-serif">
   
2. </font>
   
3. init:
   
4.     $ current_money = 0
   
5.     $ currentmoney = current_money
   
6.     $ update_money = False
   
7.     python hide:
   
8.         def updatemoney():
   
9.             if update_money:
   
10.                 ui.text("%d" % (current_money), color="#ffffff", size=40 , bold = True, xalign=0.91,yalign=0.21)
    
11.                
    
12.         config.overlay_functions.append(updatemoney)
    
13. 
    

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

แล้วก็ให้นำตัวอย่างโค๊ดนี้ไปใส่ไว้ที่ไฟล์ script.rpy ค่ะ(ถ้าคุณนำไปใส่โดยตรงแล้วสั่งรันโปรแกรมเลย มันจะ Error เพราะคุณยังไม่มีภาพMap ) สำหรับภาพ ImageMap และตัวอย่างไฟล์จะมีให้โหลดที่ลิงค์ด้านล่างนะค่ะ

1. 
   
2. 
   
3. define b = Character('คิมหันต์', color="#f8f092")
   
4. 
   
5. init python:
   
6.     class Item:
   
7.         def __init__(self, name, cost):
   
8.             self.name = name
   
9.             self.cost = cost
   
10. 
    
11.     class Inventory:
    
12.         def __init__(self, money=100):
    
13.             self.money = money
    
14.             self.items = []
    
15. 
    
16.         def buy(self, item):
    
17.             if self.money >= item.cost:
    
18.                 self.money -= item.cost
    
19.                 self.items.append(item)
    
20.                 return True
    
21.             else:
    
22.                 return False
    
23. 
    
24.         def earn(self, amount):
    
25.             self.money += amount
    
26. 
    
27.         def has_item(self, item):
    
28.                 if item in self.items:
    
29.                     return True
    
30.                 else:
    
31.                     return False
    
32. 
    
33. label start:
    
34. 
    
35.     python:
    
36.         inventory = Inventory()
    
37.         cake_strawberry = Item("เค้กสตอเบอรี่", 55)
    
38.         cupcake_mix_fruit = Item("คัพเค้กผลไม้รวม", 45)
    
39.         cake_mix_fruit = Item("เค้กผลไม้รวม", 50)
    
40.         roll_strawberry = Item("โรลสตอเบอรี่", 30)
    
41.         roll_green_tea = Item("โรลชาเขียว", 30)
    
42.         roll_chocolate = Item("โรลช็อคกาแล๊ต", 30)
    
43.         hbd_1 = Item("เค้กวันเกิด 1 ชั้น", 159)
    
44.         hbd_2 = Item("เค้กวันเกิด 2 ชั้น", 550)
    
45.         hbd_3 = Item("เค้กวันเกิด 3 ชั้น", 480)
    
46. 
    
47.     b "อุ้ย! เจอเงิน 100 บาท"
    
48. 
    
49.     $ inventory.earn(100) #เพิ่มเงินเข้าไปอีก 100 บาท
    
50.     $ current_money = inventory.money #ตรงนี้จะมีเงินรวมอยู่เท่ากับ 200 บาท
    
51. 
    
52.     b "ตอนนี้ฉันมีเงินอยู่ %(current_money)d บาท"
    
53.     b "หิวขนมจังเลย.... T T ไปหาซื้อขนมอร่อยๆ มากินดีกว่า"
    
54.     "(...คุณรีบตรงไปที่ร้านเบอเกอรี่ใกล้บ้าน...)"
    
55.     jump bakeryshop
    
56.    
    
57. label bakeryshop:
    
58. 
    
59.     $ update_money = True #แสดงยอดเงินล่าสุด
    
60.    
    
61.     #อ้างอิงตัวแปร "ราคาของสินค้า"
    
62.     $ cake_strawberrycost = cake_strawberry.cost
    
63.     $ cupcake_mix_fruitcost = cupcake_mix_fruit.cost
    
64.     $ cake_mix_fruitcost = cake_mix_fruit.cost
    
65.     $ roll_strawberrycost = roll_strawberry.cost
    
66.     $ roll_green_teacost = roll_green_tea.cost
    
67.     $ roll_chocolatecost = roll_chocolate.cost
    
68.     $ hbd_1cost = hbd_1.cost
    
69.     $ hbd_2cost = hbd_2.cost
    
70.     $ hbd_3cost = hbd_3.cost
    
71.    
    
72.     #อ้างอิงตัวแปร "ชื่อของสินค้า"
    
73.     $ cake_strawberryname = cake_strawberry.name
    
74.     $ cupcake_mix_fruitname = cupcake_mix_fruit.name
    
75.     $ cake_mix_fruitname = cake_mix_fruit.name
    
76.     $ roll_strawberryname = roll_strawberry.name
    
77.     $ roll_green_teaname = roll_green_tea.name
    
78.     $ roll_chocolatename = roll_chocolate.name
    
79.     $ hbd_1name = hbd_1.name
    
80.     $ hbd_2name = hbd_2.name
    
81.     $ hbd_3name = hbd_3.name
    
82.    
    
83.     $ name_bakery = inventory.items
    
84. 
    
85.    
    
86.     call screen bakery_shop
    
87.     $ result = _return
    
88. 
    
89.     if result == "cake_strawberry":
    
90.         
    
91.         if inventory.buy(cake_strawberry):
    
92.             $ update_money = False
    
93.             b "คุณได้ซื้อ%(cake_strawberryname)s  ราคา %(cake_strawberrycost)d บาท"
    
94.             jump game_continues            
    
95. 
    
96.     elif result == "cupcake_mix_fruit":
    
97.         if inventory.buy(cupcake_mix_fruit):
    
98.             $ update_money = False
    
99.             b "คุณได้ซื้อ%(cupcake_mix_fruitname)s ราคา %(cupcake_mix_fruitcost)d บาท"
    
100.             jump game_continues
     
101.       
     
102.     elif result == "cake_mix_fruit":                     
     
103.         if inventory.buy(cake_mix_fruit):
     
104.             $ update_money = False
     
105.             b "คุณได้ซื้อ%(cake_mix_fruitname)s ราคา %(cake_mix_fruitcost)d บาท"
     
106.             jump game_continues
     
107.         
     
108.     elif result == "roll_strawberry":
     
109.         if inventory.buy(roll_strawberry):
     
110.             $ update_money = False
     
111.             b "คุณได้ซื้อ%(roll_strawberryname)s ราคา %(roll_strawberrycost)d บาท"
     
112.             jump game_continues
     
113.         
     
114.     elif result == "roll_green_tea":
     
115.         if inventory.buy(roll_green_tea):
     
116.             $ update_money = False
     
117.             b "คุณได้ซื้อ%(roll_green_teaname)s ราคา %(roll_green_teacost)d บาท"
     
118.             jump game_continues
     
119.         
     
120.     elif result == "roll_chocolate":
     
121.         if inventory.buy(roll_chocolate):
     
122.             $ update_money = False
     
123.             b "คุณได้ซื้อ%(roll_chocolatename)s ราคา %(roll_chocolatecost)d บาท"
     
124.             jump game_continues
     
125.         
     
126.     elif result == "HBD_1":
     
127.         if inventory.buy(hbd_1):
     
128.             $ update_money = False
     
129.             b "คุณได้ซื้อ%(hbd_1name)s ราคา%(hbd_1cost)d บาท"
     
130.             jump game_continues
     
131.         
     
132.     elif result == "HBD_2":
     
133.         if inventory.buy(hbd_2):
     
134.             $ update_money = False
     
135.             b "คุณได้ซื้อ%(hbd_2name)s ราคา%(hbd_2cost)d บาท"
     
136.             jump game_continues
     
137.         
     
138.     elif result == "HBD_3":
     
139.         if inventory.buy(hbd_3):
     
140.             $ update_money = False
     
141.             b "คุณได้ซื้อ%(hbd_3name)s  ราคา %(hbd_3cost)d บาท"
     
142.             jump game_continues
     
143. 
     
144.     elif result == "next":
     
145.         jump game_continues
     
146. 
     
147. 
     
148. label fallthrough:
     
149.     $ result = renpy.imagemap("image/no_money.jpg", "image/no_money.jpg", [
     
150.                            (0, 0, 800, 600, "click")])
     
151.     if result == "click":
     
152.         jump bakeryshop
     
153. 
     
154. label game_continues:
     
155.     $ update_money = False
     
156.     b "(และฉันก็เดินออกจากร้าน)"
     
157.     $ current_money = inventory.money
     
158.     b "ฉันเหลือเงิน %(current_money)d บาท"
     
159. 
     
160.     if inventory.has_item(cake_strawberry):
     
161.         b "จะกิน %(cake_strawberryname)s ให้อิ่มเลย"
     
162. 
     
163.     elif inventory.has_item(cupcake_mix_fruit):
     
164.         b "จะกิน %(cupcake_mix_fruitname)s ให้อิ่มเลย"
     
165. 
     
166.     elif inventory.has_item(cake_mix_fruit):
     
167.         b "จะกิน %(cake_mix_fruitname)s ให้อิ่มเลย"
     
168. 
     
169.     elif inventory.has_item(roll_strawberry):
     
170.         b "จะกิน%(roll_strawberryname)s ให้อิ่มเลย"
     
171. 
     
172.     elif inventory.has_item(roll_green_tea):
     
173.         b "จะกิน %(roll_green_teaname)s ให้อิ่มเลย"
     
174. 
     
175.     elif inventory.has_item(roll_chocolate):
     
176.         b "จะกิน %(roll_chocolatename)s ให้อิ่มเลย"
     
177. 
     
178.     elif inventory.has_item(hbd_1):
     
179.         b "จะกิน %(hbd_1name)s ให้อิ่มเลย"
     
180. 
     
181.     elif inventory.has_item(hbd_2):
     
182.         b "จะกิน %(hbd_2name)s ให้อิ่มเลย"
     
183. 
     
184.     elif inventory.has_item(hbd_3):
     
185.         b "จะกิน %(hbd_3name)s ให้อิ่มเลย"
     
186. 
     
187.     else:
     
188.         b "เฮ้อ..  กลับบ้านไปต้มมาม่ากินดีกว่า -*- "
     
189.    
     
190. screen bakery_shop:
     
191.     imagemap:
     
192.         ground "image/bakery_shop.jpg"  #ชื่อภาพแบบปกติ
     
193.         hover "image/bakery_shop_hover.jpg" #ชื่อภาพเมื่อเอาเม้าส์วางทับ
     
194. 
     
195.         hotspot (81, 115, 122, 145) clicked Return("cake_strawberry")
     
196.         hotspot (230, 115, 155, 135) clicked Return("cupcake_mix_fruit")
     
197.         hotspot (404, 115, 129, 145) clicked Return("cake_mix_fruit")
     
198.         hotspot (81, 260, 122, 154) clicked Return("roll_strawberry")
     
199.         hotspot (230, 260, 155, 154) clicked Return("roll_green_tea")
     
200.         hotspot (404, 260, 129, 154) clicked Return("roll_chocolate")
     
201.         hotspot (81, 429, 122, 134) clicked Return("HBD_1")
     
202.         hotspot (230, 429, 155, 134) clicked Return("HBD_2")
     
203.         hotspot (404, 429, 129, 134) clicked Return("HBD_3")
     
204.         hotspot (611, 491, 155, 72) clicked Return("next")
     

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

ทดสอบการทำงาน:
- แสดงจำนวนเงินคงเหลือให้ผู้เล่นทราบ

- ให้ผู้เล่นเข้าร้านขายขนมเพื่อเลือกสินค้า ทดสอบเลือกซื้อเค้ก 3 ชั้นซึ่งมีราคาสูงกว่าจำนวนเงินที่ผู้เล่นมี

- เกมส์ทำการเตือนว่าเงินไม่พอผู้เล่นไม่สามารถซื้อสินค้าชิ้นนี้ได้ แล้วกลับไปแสดงหน้าร้านขายขนมอีกครั้ง

- จากนั้นทดลองเลือกซื้อ โรลช็อคกาแล๊ต ซึ่งราคาถูกกว่าและผู้เล่นสามารถซื้อได้

- โปรแกรมแจ้งว่าผู้เล่นเพิ่งได้ทำการซื้อสินค้าชนิดใดและราคาเท่าไหร่ไป

- บอกผู้เล่นได้ทราบว่าตอนนี้เขาเหลือเงินเท่าไหร่แล้ว




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