[Renpy] 39. วิธีแสดงคะแนนตัวเลขให้เป็นภาพ และให้แสดง-ซ่อนได้

nooknazha

[Renpy] 39. วิธีแสดงคะแนนตัวเลขให้เป็นภาพ และให้แสดง-ซ่อนได้ต่อเนื่องจาก [Renpy] 38. วิธีแสดงคะแนนตัวเลขให้เป็น Image

- ให้เปิดไฟล์ options.rpy และให้ใส่โค๊ดด้านล่างนี้ลงไปค่ะ(เมื่อเทียบกับโค๊ดในบทความข้างต้น จะเห็นว่ามีแค่คำสั่ง " $ show_score = True" เท่านั้นที่หายไป...นอกนั้นเหมือนกันหมดค่ะ ^^)

1. <font size="4">
   
2. init:
   
3.     $ score_heart = 0
   
4. 
   
5.     ##สร้างตัวแปรเพื่อนำ score_heart มาคำนวณหาผลลัพธ์
   
6.     $ num_two = 0  #num_two (แทนเลขหลักสิบ)
   
7.     $ num_one = 0  # num_one (แทนเลขหลักหน่วย)
   
8. 
   
9.     python hide:
   
10.         def score_heart():
    
11.             if show_score:
    
12. 
    
13.                 if score_heart <= 25:
    
14. 
    
15.                     ui.image("image/l.png",xalign=0.85, yalign=0.06)
    
16.                     ui.image("image/2.png",xalign=0.90, yalign=0.06)
    
17.                     ui.image("image/5.png",xalign=0.95, yalign=0.06)
    
18. 
    
19. 
    
20.                 #-------------------num_two หาตัวเลขแทนเลขหลักสิบ----------------#   
    
21.                     if num_two == 1:
    
22.                          ui.image("image/1.png",xalign=0.75, yalign=0.06)
    
23.                     if num_two == 2:
    
24.                          ui.image("image/2.png",xalign=0.75, yalign=0.06)
    
25.                     if num_two == 3:
    
26.                          ui.image("image/3.png",xalign=0.75, yalign=0.06)
    
27.                     if num_two == 4:
    
28.                          ui.image("image/4.png",xalign=0.75, yalign=0.06)
    
29.                     if num_two == 5:
    
30.                          ui.image("image/5.png",xalign=0.75, yalign=0.06)
    
31.                     if num_two == 6:
    
32.                          ui.image("image/6.png",xalign=0.75, yalign=0.06)
    
33.                     if num_two == 7:
    
34.                          ui.image("image/7.png",xalign=0.75, yalign=0.06)
    
35.                     if num_two == 8:
    
36.                          ui.image("image/8.png",xalign=0.75, yalign=0.06)
    
37.                     if num_two == 9:
    
38.                          ui.image("image/9.png",xalign=0.75, yalign=0.06)
    
39. 
    
40.                         
    
41.                 #-------------------num_one หาตัวเลขแทนเลขหลักหน่วย----------------#  
    
42.                     
    
43.                     if num_one == 1:
    
44.                          ui.image("image/1.png",xalign=0.80, yalign=0.06)
    
45.                     if num_one == 2:
    
46.                          ui.image("image/2.png",xalign=0.80, yalign=0.06)
    
47.                     if num_one == 3:
    
48.                          ui.image("image/3.png",xalign=0.80, yalign=0.06)
    
49.                     if num_one == 4:
    
50.                          ui.image("image/4.png",xalign=0.80, yalign=0.06)
    
51.                     if num_one == 5:
    
52.                          ui.image("image/5.png",xalign=0.80, yalign=0.06)
    
53.                     if num_one == 6:
    
54.                          ui.image("image/6.png",xalign=0.80, yalign=0.06)
    
55.                     if num_one == 7:
    
56.                          ui.image("image/7.png",xalign=0.80, yalign=0.06)
    
57.                     if num_one == 8:
    
58.                          ui.image("image/8.png",xalign=0.80, yalign=0.06)
    
59.                     if num_one == 9:
    
60.                          ui.image("image/9.png",xalign=0.80, yalign=0.06)
    
61.                     if num_one == 0:
    
62.                          ui.image("image/0.png",xalign=0.80, yalign=0.06)
    
63.                         
    
64.         config.overlay_functions.append(score_heart)
    
65. </font>

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

ส่วนที่ไฟล์ script.rpy ก็จะมีคำสั่งเพิ่มมาเล็กน้อยค่ะ  คือ  ($ show_score = False #ปิดหน้าแสดงคะแนน) และ ($ show_score = True #เปิดหน้าแสดงคะแนน)

1. <font size="4">
   
2. define b = Character('กวี', color="#f8f092")
   
3. 
   
4. label start:
   
5.     scene black
   
6.     $ show_score = False  #ปิดหน้าแสดงคะแนน
   
7.     "สวัสดี....มาเล่นตอบคำถามกันดีกว่า"
   
8.     $ show_score = True  #เปิดหน้าแสดงคะแนน
   
9. 
   
10. menu:
    
11. 
    
12.     b "พยัญชนะในภาษาอังกฤษตัว "oei" เมื่อออกเสียง ผสมกัน
    
13.     ในภาษาไทยจะเท่ากับสระตัวอะไร ?"
    
14. 
    
15.     "สระ ไ- ":
    
16.         $ score_heart -= 10
    
17.         if  score_heart <= 0:
    
18.             $ score_heart = 0
    
19.         b "ตอบผิดคุณไม่ได้รับคะแนนเพิ่ม"
    
20.         jump score
    
21.         
    
22.     "สระ เ-า":
    
23.         $ score_heart -= 10
    
24.         if  score_heart <= 0:
    
25.             $ score_heart = 0
    
26.         b "ตอบผิดคุณไม่ได้รับคะแนนเพิ่ม"
    
27.         jump score
    
28.         
    
29.     "สระ เ-ย":
    
30.         $ score_heart += 10
    
31.         $ num_two = score_heart // 10
    
32.         $ num_one = score_heart - (num_two *10)
    
33.         b "ยินดีด้วยคุณได้รับ 10 คะแนนค่ะ"
    
34.         jump score
    
35.         
    
36. #---------สรุปผล--------------------
    
37. 
    
38. label score:
    
39.     $ show_score = False  #ปิดหน้าแสดงคะแนน
    
40.     hide screen  show_score
    
41.     b "คุณได้รับคะแนนทั้งหมด [score_heart!d] คะแนน!!!"
    
42.     $ show_score = True  #เปิดหน้าแสดงคะแนน
    
43. return
    
44. </font>

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

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

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

3. เมื่อไปที่ label สรุปผลคะแนน ภาพตัวเลขที่แสดงคะแนน(มุมบนขวา)ก็จะถูกซ่อนกลับไปเหมือนเดิม


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

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