[Renpy] 35. วิธีทำตัวเลือกคำถามแบบกำหนดระยะเวลา (Timed choice)

nooknazha

[Renpy] 35. วิธีทำตัวเลือกคำถามแบบกำหนดระยะเวลา (Timedchoice)
เพื่อให้เกมส์มีอรรถรสมากยิ่งขึ้นสำหรับเกมส์แนวเนื้อเรื่องบางสถานะการณ์ก็มีความจำเป็นที่จะต้องให้ผู้เล่นมีความรู้สึกกดดัน เมื่อถูกตัวละครตัวใดตัวหนึ่งตั้งคำถาม ซึ่งถ้าหากผู้เล่นตอบช้า หรืออาจจะไม่คลิกตอบเลยก็จะเป็นการกำหนดให้ตัวละครในเกมส์มีปฏิสัมพันธ์ต่อผู้เล่นแตกต่างกันออกไป
เราจะแบ่งรูปแบบการกำหนดระยะเวลาได้ออกเป็น 2 กรณีเช่น
1. แบบไม่บอกให้ผู้เล่นรู้ตัว

1. 
   
2. init:
   
3. 
   
4.     $ e = Character('NOOKFUFU2', color="#c8ffc8")
   
5. 
   
6. label start:
   
7.     $ ui.timer(5.0, ui.jumps("menu1_slow")) #<-- 5.0 หมายถึงให้เวลาคิด 5 วินาที
   
8.     menu:
   
9.         "Choice 1":
   
10.             hide countdown
    
11.             e "เลือก 'Choice 1'"
    
12.             jump menu1_end
    
13.         "Choice 2":
    
14.             hide countdown
    
15.             e "เลือก 'Choice 2'"
    
16.             jump menu1_end
    
17.    
    
18. label menu1_slow:
    
19.     hide countdown
    
20.     e "ทำไมถึงไม่ตอบ?"
    
21.    
    
22. label menu1_end:
    
23.     e "อย่างน้อยคุณก็เลือกที่จะตอบ"
    
24. 
    
25. return
    

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

ผลลัพธ์ที่ได้.....

ถ้าผู้เล่นไม่คลิกเลือกคำตอบ ภายในเวลาที่กำหนด โปรแกรมก็จะวิ่งมาที่ label menu1_slow ตามที่เราตั้งไว้


2. แบบแสดงตัวเลขเพื่อให้ผู้เล่นรู้ และรีบเลือกคำตอบ

1. 
   
2. init:
   
3.   
   
4.     # สร้างตัวแประของตัวละคร
   
5.     $ e = Character('NOOKFUFU2', color="#c8ffc8")
   
6.    
   
7. init:
   
8.     python:
   
9. 
   
10.         def countdown(st, at, length=0.0):
    
11. 
    
12.             remaining = length - st
    
13. 
    
14.             if remaining > 2.0:
    
15.                 return Text("%.1f" % remaining, color="#ffffff", size=72 , bold = True ), .1 #<----ถ้าตัวเลขมากว่า 2.0 ให้แสดงสี text เป็น "สีขาว"
    
16.             elif remaining > 0.0:
    
17.                 return Text("%.1f" % remaining, color="#ff0000", size=72, bold = True), .1#<----ถ้าตัวเลขต่ำกว่า 2.0 และไม่เท่ากับ 0.0 ให้แสดงสี text เป็น "สีแดง"
    
18.             else:
    
19.                 return anim.Blink(Text("0.0", color="#ff0000", size=72, bold = True)), None #<--- ถ้าตัวเลขเท่ากับ 0.0 ให้แสดงสี Text เป็น "สีแดง" และแสดงเป็นตัวแบบกระพริบ
    
20. 
    
21.     # แสดงตัวเลข เริ่มนับถอยหลังที่ 10 วินาที.
    
22.     image countdown = DynamicDisplayable(countdown, length=10.0)  #<---ตัวเลขเริ่มต้นจาก 10.0 วินาที และนับถอยหลังลงมาเรื่อยๆ
    
23.    
    
24. label start:
    
25.     $ ui.timer(10.0, ui.jumps("not_choice")) #<---ให้เวลา 10.0 วินาที
    
26.     show countdown at Position (xalign = 0.3, yalign = 0.1)
    
27.     menu:
    
28.         "เลือกคำตอบข้อ 1  ทันที":
    
29.             hide countdown
    
30.             e "You chose 'Choice 1' fast"
    
31.             jump menu1_end
    
32.         "เลือกคำตอบข้อ 2 ทันที":
    
33.             hide countdown
    
34.             e "You chose 'Choice 2' fast"
    
35.             jump menu1_end
    
36. return
    
37. 
    
38. 
    
39. label not_choice:
    
40.     hide countdown
    
41.     e "ทำไมนายถึงไม่ยอมตอบคำถามฉัน?"
    
42.     e "ฉันจะให้โอกาสนายตอบคำถามฉันอีกครั้ง"
    
43. 
    
44.     $ ui.timer(10.0, ui.jumps("not_choice_slow")) #<---ให้เวลา 10.0 วินาที
    
45.     show countdown at Position (xalign = 0.3, yalign = 0.1)
    
46.     menu:
    
47. 
    
48.         "เลือกคำตอบข้อ 1  ":
    
49.             hide countdown
    
50.             e "คุณเลือกข้อ 1 แบบลังเล"
    
51.             jump menu2_end
    
52.         "เลือกคำตอบข้อ 2  ":
    
53.             hide countdown
    
54.             e "คุณเลือกข้อ 2 แบบลังเล"
    
55.             jump menu2_end
    
56. 
    
57. label not_choice_slow:
    
58.     hide countdown
    
59.     e "ฉันไม่เคยเจอใครที่เฉื่อยชาเท่าคุณอีกแล้ว"
    
60.     return
    
61. label menu1_end:
    
62.     e "อย่างน้อยนายก็ยอมตอบคำถามฉัน"
    
63.     return
    
64. label menu2_end:
    
65.     e "อย่างน้อยนายก็ยอมตอบคำถามฉัน"
    
66.     return
    

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

ผลลัพธ์ที่ได้.....

ส่วนแบบอื่นก็แล้วแต่จะไปประยุกต์เอาเองนะค่ะ ^^"

***************************************

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