[Renpy] 36. วิธีทำคะแนนคำถามแบบ Text ให้แสดง-ซ่อนได้

nooknazha

[Renpy] 36. วิธีทำคะแนนคำถามแบบ Text ให้แสดง-ซ่อนได้
เป็นการกำหนดให้แสดงหน้าคะแนนเวลาตอบคำถามแบบธรรมดา โดยที่เราสามารถกำหนดให้"แสดง" หรือ "ซ่อน" ก็ได้นะคะ

วิธีทำ- ให้นำโค๊ดด้านล่างนี้ไปใส่ที่ล่างสุดของไฟล์ script.rpyนะคะ
CODE:

1. 
   
2. define b = Character('กวี', color="#f8f092")
   
3. 
   
4. screen show_score:  
   
5.     text "{color=#e600ce}{size=36}{b} [score_heart] /25{/b}{/size}{/color}"align (0.95, 0.05) #ตัวนี่แหล่ะไว้แสดงตัวเลขคะแนน
   
6. 
   
7.    
   
8. label start:
   
9.     $ score_heart = 0
   
10.     scene black
    
11.     "สวัสดี....มาเล่นตอบคำถามกันดีกว่า"
    
12. #คำถามที่ 1
    
13. menu:
    
14.     b "พยัญชนะในภาษาอังกฤษตัว "ph" เมื่อออกเสียง ผสมกัน
    
15.         ในภาษาไทยจะเท่ากับพยัญชนะตัวอะไร ?"
    
16.    
    
17.     "ออกเสียงเป็นตัว ช.ช้าง":
    
18.         show screen  show_score #เปิดหน้าแสดงคะแนน
    
19.         "คุณได้รับ 0 คะแนน"
    
20.         hide screen  show_score #ปิดหน้าแสดงคะแนน
    
21.         pass
    
22.    
    
23.     "ออกเสียงเป็นตัว ฟ.ฟัน":
    
24.         $ score_heart += 5
    
25.         show screen  show_score #เปิดหน้าแสดงคะแนน
    
26.         "ยินดีด้วย ^^ คุณได้รับ 5 คะแนน"
    
27.         hide screen  show_score #ปิดหน้าแสดงคะแนน
    
28.         pass
    
29.    
    
30.     "ออกเสียงเป็นตัว พ.พาน และ ฮ.นกฮูก":
    
31.         show screen  show_score #เปิดหน้าแสดงคะแนน
    
32.         "คุณได้รับ 0 คะแนน"
    
33.         hide screen  show_score #ปิดหน้าแสดงคะแนน
    
34.         pass
    
35.    
    
36. #คำถามที่ 2
    
37. menu:
    
38.     b "พยัญชนะในภาษาอังกฤษตัว "aew" เมื่อออกเสียง ผสมกัน
    
39.         ในภาษาไทยจะเท่ากับสระตัวอะไร ?"
    
40.    
    
41.     "สระ เ-" :
    
42.         $ score_heart -= 10
    
43.         if  score_heart <= 0:
    
44.             $ score_heart = 0
    
45.         show screen  show_score #เปิดหน้าแสดงคะแนน
    
46.         "คุณได้รับ 0 คะแนน"
    
47.         hide screen  show_score #ปิดหน้าแสดงคะแนน
    
48.         pass
    
49.    
    
50.     "สระ แ-ว ":
    
51.         $ score_heart += 10
    
52.         show screen  show_score #เปิดหน้าแสดงคะแนน
    
53.         "ยินดีด้วย ^^ คุณได้รับ 10 คะแนน"
    
54.         hide screen  show_score #ปิดหน้าแสดงคะแนน
    
55.         pass
    
56.    
    
57.     "สระ แ- ":
    
58.         $ score_heart -= 10
    
59.         if  score_heart <= 0:
    
60.             $ score_heart = 0
    
61.         show screen  show_score #เปิดหน้าแสดงคะแนน
    
62.         "คุณได้รับ 0 คะแนน"
    
63.         hide screen  show_score #ปิดหน้าแสดงคะแนน
    
64.         pass
    
65.    
    
66. #คำถามที่ 3 (คำถามสุดท้าย)
    
67. menu:
    
68.     b "พยัญชนะในภาษาอังกฤษตัว "oei" เมื่อออกเสียง ผสมกัน
    
69.     ในภาษาไทยจะเท่ากับสระตัวอะไร ?"
    
70.    
    
71.     "สระ ไ- ":
    
72.         $ score_heart -= 10
    
73.         if  score_heart <= 0:
    
74.             $ score_heart = 0
    
75.         show screen  show_score #เปิดหน้าแสดงคะแนน
    
76.         "คุณได้รับ 0 คะแนน"
    
77.         hide screen  show_score #ปิดหน้าแสดงคะแนน
    
78.         jump score
    
79.         
    
80.     "สระ เ-า":
    
81.         $ score_heart -= 10
    
82.         if  score_heart <= 0:
    
83.             $ score_heart = 0
    
84.         show screen  show_score #เปิดหน้าแสดงคะแนน
    
85.         "คุณได้รับ 0 คะแนน"
    
86.         hide screen  show_score #ปิดหน้าแสดงคะแนน
    
87.         jump score
    
88.         
    
89.     "สระ เ-ย":
    
90.         $ score_heart += 10
    
91.         show screen  show_score #เปิดหน้าแสดงคะแนน
    
92.         "ยินดีด้วย ^^ คุณได้รับ 10 คะแนน"
    
93.         hide screen  show_score #ปิดหน้าแสดงคะแนน
    
94.         jump score
    
95.         
    
96. #---------สรุปผล--------------------
    
97. label score:
    
98. 
    
99.     b "คุณได้ [score_heart!d] คะแนน!!!"
    
100.   
     
101. return
     

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

เจ้าคำสั่งตัวนี่แหล่ะคือตัวหน้าแสดงตัวเลขคะแนน
"screen show_score:
text " [score_heart] /25"align (0.95, 0.05) "

โดยจะทำงานร่วมกับคำสั่งที่เราเห็นอยู่หลายจุดในนี้นะค่ะ  คือ
"show screen show_score" #เป็นสำสั่งให้เปิดหน้าแสดงคะแนนและ
"hide screen show_score" #เป็นคำสั่งให้ปิดหน้าแสดงคะแนนค่ะ

ส่วนคำสั่งตัวอื่นจะเป็นคำสั่งสำหรับปรับแต่งตัวอักษรค่ะเช่น
{color=#e600ce}....{/color} #กำหนดสีให้กับText
{size=36}...{/size} #กำหนดขนาดให้กับText
{b}...{/b} # กำหนดให้Text เป็นตัวหนา เป็นต้นค่ะ

ส่วนคำสั่ง "align (0.95, 0.05)" ที่ต่อท้ายเป็นคำสั่งย่อสำหรับกำหนดตำแหน่งที่จะให้แสดง Text บนหน้าจอค่ะเลขตัวหน้าแทนตำแหน่งแกน X (xalign=แนวนอน) และเลขตัวหลังแทนตำแหน่งแกน Y(yalign=แนวตั้ง)

ลองมาดูผลลัพธ์กันดีกว่าว่ามันจะทำงานยังไงนะคะ
1. เมื่อเริ่มต้นเกมส์ตัวแสดงคะแนนจะยังไม่แสดงให้เห็น

2.เริ่มตอบคำถามข้อแรก (Text คะแนนยังไม่ถูกสั่งให้แสดง)

3. หลังเลือกคำถามไปแล้ว คะแนนจะแสดงขึ้นที่มุมจอขวา(ตั้งตำแหน่งใหม่เองได้)

4. ตัวแสดงคะแนนถูกซ่อนไว้อีกครั้ง พร้อมกับคำถามใหม่แสดงขึ้นมา

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

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