[Renpy] 38. วิธีแสดงคะแนนตัวเลขให้เป็น Image

nooknazha

[Renpy] 38. วิธีแสดงคะแนนตัวเลขให้เป็น Image
การทำงานของโค๊ดคือ คุณจะต้องสร้างตัวแปรแทนค่าหลักสิบและัตวแปรแทนค่าหลักหน่วยขึ้นมาเพื่่อให้มันทำหน้าที่ดึงภาพตัวเลขแต่ละตัวขึ้นมาแสดงให้ถูกต้องค่ะ(ในกรณีถ้าระดับคะแนนเต็มที่ค่าหลักร้อย ก็ต้องสร้างตัวแปรแทนค่าหลักร้อยขึ้นมาด้วยเช่นกันค่ะ)

อย่างแรกเลยคือต้องสร้างภาพตัวเลขขึ้นมาก่อนโปรแกรมที่ใช้สร้างก็มีหลายโปรแกรมนะคะ แต่ที่นิยมใช้กันมากที่สุดก็โปรแกรม Photoshop  (ภาพตัวเลขต้องบันทึกเป็นไฟล์ .PNG และควรให้พื้นหลังเป็นแบบโปร่งใสนะคะ)

- แล้วก็บันทึกไฟล์โดยแยกเป็นภาพละตัวเลข (มีตัวอย่างโค๊ดเกมส์และภาพตัวเลขให้โหลดที่ลิงค์ด้านล่างค่ะ)

- จากนั้นให้นำโค๊ดด้านล่างนี้ไปใส่ที่ล่างสุดของไฟล์ options.rpyนะคะ
CODE:

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

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

- ต่อไปก็ให้นำโค๊ดด้านล่างนี้ไปใส่ที่ไฟล์ script.rpy ค่ะ
CODE:

1. 
   
2. label start:
   
3.     scene black
   
4. #คำถามที่ 1
   
5. menu:
   
6.     b "พยัญชนะในภาษาอังกฤษตัว "ph" เมื่อออกเสียง ผสมกัน
   
7.         ในภาษาไทยจะเท่ากับพยัญชนะตัวอะไร ?"
   
8.    
   
9.     "ออกเสียงเป็นตัว ช.ช้าง":
   
10.         pass
    
11.     "ออกเสียงเป็นตัว ฟ.ฟัน":
    
12.         $ score_heart += 5
    
13.         $ num_two = score_heart // 10
    
14.         $ num_one = score_heart - (num_two *10)
    
15.         pass
    
16.     "ออกเสียงเป็นตัว พ.พาน และ ฮ.นกฮูก":
    
17.         pass
    
18.    
    
19. #คำถามที่ 2
    
20. menu:
    
21.     b "พยัญชนะในภาษาอังกฤษตัว "aew" เมื่อออกเสียง ผสมกัน
    
22.         ในภาษาไทยจะเท่ากับสระตัวอะไร ?"
    
23.    
    
24.     "สระ เ-" :
    
25.         $ score_heart -= 10
    
26.         if  score_heart <= 0:
    
27.             $ score_heart = 0
    
28.         pass
    
29.     "สระ แ-ว ":
    
30.         $ score_heart += 10
    
31.         $ num_two = score_heart // 10
    
32.         $ num_one = score_heart - (num_two *10)
    
33.         pass
    
34.     "สระ แ- ":
    
35.         $ score_heart -= 10
    
36.         if  score_heart <= 0:
    
37.             $ score_heart = 0
    
38.         pass
    
39.    
    
40. #คำถามที่ 3 (คำถามสุดท้าย)
    
41. menu:
    
42.     b "พยัญชนะในภาษาอังกฤษตัว "oei" เมื่อออกเสียง ผสมกัน
    
43.     ในภาษาไทยจะเท่ากับสระตัวอะไร ?"
    
44.    
    
45.     "สระ ไ- ":
    
46.         $ score_heart -= 10
    
47.         if  score_heart <= 0:
    
48.             $ score_heart = 0
    
49.         jump score
    
50.     "สระ เ-า":
    
51.         $ score_heart -= 10
    
52.         if  score_heart <= 0:
    
53.             $ score_heart = 0
    
54.         jump score
    
55.         
    
56.     "สระ เ-ย":
    
57.         $ score_heart += 10
    
58.         $ num_two = score_heart // 10
    
59.         $ num_one = score_heart - (num_two *10)
    
60.         jump score
    
61. #---------สรุปผล--------------------
    
62. label score:
    
63.    
    
64.     b "คุณได้ [score_heart!d] คะแนน!!!"
    
65.   
    
66. return
    

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

(ผลลัพธ์หลังเทสเกมส์  คะแนนจะแสดงออกมาเป็นภาพตัวเลขสวยสดใสน่าดูกว่าตัวอักษรแข็งๆเป็นไหนๆ)

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

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