<![CDATA[irpg Community - Ren'Py Engine School]]> https://irpg.in.th/ Thu, 30 Apr 2026 22:36:37 +0000 MyBB <![CDATA[Ren'Py สอนโชว์คะแนนแบบตัวเลขและหลอด]]> https://irpg.in.th/thread-3441.html Fri, 14 Feb 2020 17:17:03 +0700 j2547]]> https://irpg.in.th/thread-3441.html  
เห็นยังไม่มีใครสอน วันนี้ผมเลยจะมาสอน การโชว์หลอดคะแนน และเลขคะแนน บนหน้าจอ
จริงๆมันก็มีสอนอยู่แล้วครับ ในเกมตัวอย่างของเขา แต่มันไม่ได้ละเอียดมากนัก
ผมไม่มีความรู้เกียวกับการเขียนสคิปเลยแม้แต่นิดเดียว แค่จำๆที่เขาสอนๆมานะครับ
การใช้คำพูดของผมก็เลยอาจบ้านๆไปนิด 555+

การทำเกมพวก simulator การจำลองใช้ชีวิต
ก็ต้องมีหลอดพลังงานโชว์ให้ดู  มีการลดเมื่อทำกิจกรรม และมีการเติมให้เต็มเวลานอน

[Image: dforolM.jpg]

1.อย่างแรก หลอด HP (ผมเอามาจากในเกมตัวอย่างที่เขาสอนระบบ rpg )
เอาโค้ดนี้ไปวางไว้ ด้านบนหน้า script

Code:
default player_hp = 50 # จำนวน hp เริ่มต้น
default player_hp_max = 99 # จำนวน hp สูงสุด

screen single_stat(hp, hp_max, xalign):
   frame:
       background Solid("#000000")
       xalign 0.005 ypos 5              # ตำแน่งที่ว่าง
       vbox:
           spacing 5
           hbox:
               text _("{color=#FF0000}PW{/color}"):  # อักษรตัวหน้า และ ตำแน่งที่ว่าง
                   min_width 40
                   yalign 0.5
               bar:
                   xalign 0.1 ypos 5                    # ตำแหน่งหลอดhp
                   value AnimatedValue(hp, hp_max, 1.0)
                   xmaximum 180
                   ysize 26
               text " [hp]/[hp_max]":         # เลขที่จะแสดงจำนวนhp และ HP สูงสุด
                   yalign 0.5

screen stats():
   use single_stat(player_hp, player_hp_max, 0.0)

การใช้งาน จะให้เปิดโชว์ตอนไหนก็เอาโค้ดนี้ไปวาง

Code:
show screen stats  # เปิด
hide screen stats  # ปิด


2.ไอค่อนตัวเลขตามภาพตัวอย่างก็เหมือนๆกัน ครับ แค่ลบหลอดแสดงหลอดพลังออก
ตัวอย่างตามรูปของผม ไอค่อนอาหาร และ ไอค่อนวันที่
เอาโค้ดนี้ไปวางไว้ ด้านบนหน้า script
Code:
default player_food = 20  #จำนวนอาหารเริ่มต้น
default player_food_max = 400  #จำนวนอาหารสูงสุด
default player_Day = 1  #จำนวนวันที่เริ่มต้น

screen single_food(food, food_max, Day, xalign):
    frame:
        background Solid("#99000000")
        xalign 0.005 ypos 55             # ตำแน่งที่ว่าง
        vbox:
            add "logo base"              # ชื่อรูปไอค่อน
            text " {color=#00FF00}[Day]{/color}":  # ตัวเลขที่จะแสดง
                yalign 0.5
  
    frame:
        background Solid("#99000000")
        xalign 0.18 ypos 55
        vbox:
            add "logo base2"
            text " {color=#00FF00}[food]/[food_max]{/color}":
                yalign 0.5


screen food():
    use single_food(player_food, player_food_max, player_Day, 0.0)

การใช้งานก็เอาโค้ดนี้ไปวางตำแหน่งการใช้งาน มันก็จะแสดงไอค่อนให้เห็น
Code:
show screen food # เปิด
hide screen food # ปิด

สำหรับการเพิ่มและลดคะแนนพวกนี้ โดยที่มันจะต้องไม่เกินค่าที่เรากำหนดไว้
ก็ทำง่ายครับใช้สองโค้ดด้านล่างก็พอแล้ว
Code:
# หมายถึงเพิ่มhp 80 แต่รวมแล้วไม่เกิน 99
$ player_hp += 80
if  player_hp >= 99:
   $ player_hp = 99

# หมายถึงลดhp 80 แต่รวมแล้วไม่ตำกว่า 0
$ player_hp -= 80
if  player_hp <= 0:
    $ player_hp = 0


สำหรับการเช็คเงื่อนไข ตัวเลขพวกนี้นะครับ
เช่น เราต้องการจะไปจีบสาว ใช้พลังงาน 90 หน่วย ก็จะได้ประมาณนี้
Code:
              if player_hp <= 89: # ถ้าพลังไม่ถึง 89 จะโดนแจ้งเตือนว่าพลังไม่พอ
                  e9 "พลังของคุณไม่เพียงพอ !"
                  jump village

              else:   # ถ้ามีพลัง 90 ขึ้นไปก็จะเริ่มจีบได้ และมีการลบ hp ออก 90 ด้วย
                  $ player_hp -= 90
                   if  player_hp <= 0:
                       $ player_hp = 0
                  j "สวัสดี! "

ตัวอย่างเกมการใช้โค้ด ที่ผมลองทำ 
Code:
http://www.mediafire.com/file/nqjxj6qh0gbfxvp/HunterloveZ-1.0-pc.zip/file

think]]>  
เห็นยังไม่มีใครสอน วันนี้ผมเลยจะมาสอน การโชว์หลอดคะแนน และเลขคะแนน บนหน้าจอ
จริงๆมันก็มีสอนอยู่แล้วครับ ในเกมตัวอย่างของเขา แต่มันไม่ได้ละเอียดมากนัก
ผมไม่มีความรู้เกียวกับการเขียนสคิปเลยแม้แต่นิดเดียว แค่จำๆที่เขาสอนๆมานะครับ
การใช้คำพูดของผมก็เลยอาจบ้านๆไปนิด 555+

การทำเกมพวก simulator การจำลองใช้ชีวิต
ก็ต้องมีหลอดพลังงานโชว์ให้ดู  มีการลดเมื่อทำกิจกรรม และมีการเติมให้เต็มเวลานอน

[Image: dforolM.jpg]

1.อย่างแรก หลอด HP (ผมเอามาจากในเกมตัวอย่างที่เขาสอนระบบ rpg )
เอาโค้ดนี้ไปวางไว้ ด้านบนหน้า script

Code:
default player_hp = 50 # จำนวน hp เริ่มต้น
default player_hp_max = 99 # จำนวน hp สูงสุด

screen single_stat(hp, hp_max, xalign):
   frame:
       background Solid("#000000")
       xalign 0.005 ypos 5              # ตำแน่งที่ว่าง
       vbox:
           spacing 5
           hbox:
               text _("{color=#FF0000}PW{/color}"):  # อักษรตัวหน้า และ ตำแน่งที่ว่าง
                   min_width 40
                   yalign 0.5
               bar:
                   xalign 0.1 ypos 5                    # ตำแหน่งหลอดhp
                   value AnimatedValue(hp, hp_max, 1.0)
                   xmaximum 180
                   ysize 26
               text " [hp]/[hp_max]":         # เลขที่จะแสดงจำนวนhp และ HP สูงสุด
                   yalign 0.5

screen stats():
   use single_stat(player_hp, player_hp_max, 0.0)

การใช้งาน จะให้เปิดโชว์ตอนไหนก็เอาโค้ดนี้ไปวาง

Code:
show screen stats  # เปิด
hide screen stats  # ปิด


2.ไอค่อนตัวเลขตามภาพตัวอย่างก็เหมือนๆกัน ครับ แค่ลบหลอดแสดงหลอดพลังออก
ตัวอย่างตามรูปของผม ไอค่อนอาหาร และ ไอค่อนวันที่
เอาโค้ดนี้ไปวางไว้ ด้านบนหน้า script
Code:
default player_food = 20  #จำนวนอาหารเริ่มต้น
default player_food_max = 400  #จำนวนอาหารสูงสุด
default player_Day = 1  #จำนวนวันที่เริ่มต้น

screen single_food(food, food_max, Day, xalign):
    frame:
        background Solid("#99000000")
        xalign 0.005 ypos 55             # ตำแน่งที่ว่าง
        vbox:
            add "logo base"              # ชื่อรูปไอค่อน
            text " {color=#00FF00}[Day]{/color}":  # ตัวเลขที่จะแสดง
                yalign 0.5
  
    frame:
        background Solid("#99000000")
        xalign 0.18 ypos 55
        vbox:
            add "logo base2"
            text " {color=#00FF00}[food]/[food_max]{/color}":
                yalign 0.5


screen food():
    use single_food(player_food, player_food_max, player_Day, 0.0)

การใช้งานก็เอาโค้ดนี้ไปวางตำแหน่งการใช้งาน มันก็จะแสดงไอค่อนให้เห็น
Code:
show screen food # เปิด
hide screen food # ปิด

สำหรับการเพิ่มและลดคะแนนพวกนี้ โดยที่มันจะต้องไม่เกินค่าที่เรากำหนดไว้
ก็ทำง่ายครับใช้สองโค้ดด้านล่างก็พอแล้ว
Code:
# หมายถึงเพิ่มhp 80 แต่รวมแล้วไม่เกิน 99
$ player_hp += 80
if  player_hp >= 99:
   $ player_hp = 99

# หมายถึงลดhp 80 แต่รวมแล้วไม่ตำกว่า 0
$ player_hp -= 80
if  player_hp <= 0:
    $ player_hp = 0


สำหรับการเช็คเงื่อนไข ตัวเลขพวกนี้นะครับ
เช่น เราต้องการจะไปจีบสาว ใช้พลังงาน 90 หน่วย ก็จะได้ประมาณนี้
Code:
              if player_hp <= 89: # ถ้าพลังไม่ถึง 89 จะโดนแจ้งเตือนว่าพลังไม่พอ
                  e9 "พลังของคุณไม่เพียงพอ !"
                  jump village

              else:   # ถ้ามีพลัง 90 ขึ้นไปก็จะเริ่มจีบได้ และมีการลบ hp ออก 90 ด้วย
                  $ player_hp -= 90
                   if  player_hp <= 0:
                       $ player_hp = 0
                  j "สวัสดี! "

ตัวอย่างเกมการใช้โค้ด ที่ผมลองทำ 
Code:
http://www.mediafire.com/file/nqjxj6qh0gbfxvp/HunterloveZ-1.0-pc.zip/file

think]]> <![CDATA[Ren'Py สอนทำ Imagemap แบบง่ายๆ]]> https://irpg.in.th/thread-3438.html Thu, 06 Feb 2020 11:34:35 +0700 j2547]]> https://irpg.in.th/thread-3438.html

จะมาสอนการทำ  Imagemap แบบง่ายๆ
มันมีวิธีทำหลายอย่างนะครับ อันนี้เป็นแค่รูปแบบหนึ่งเท่านั้น อาจไม่ดีที่สุดแต่มันทำง่าย

หลักการทำงานของมันก็คือ
เราจะให้มันแสดงภาพแผนที่ และก็ให้แสดงไอค่อน สำหรับคลิกกระโดด ไปยังเหตุการณ์ต่างๆ

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

.jpg
SnapCrab_NoName_2020-2-6_11-12-37_No-00.jpg (Size: 29.89 KB Downloads: 16)



2. นำโค้ดนี้ไปวางไว้ ด้านบนหน้า script
    ในตัวอย่างผมจะทำไอค่อนแค่ 2 อัน ท่านสามารถเพิ่มเป็นหลายๆอันได้


Code:
screen simple_screen():
    frame:
        xalign 0.87 ypos 500 # ที่อยู่พิกัดของไอค่อน
        imagebutton:
            idle "home bw" # ชื่อของรูปอันแรก
            hover "home base"  # ชื่อของรูปอันที่ 2
            action Jump("home") alt "Home" # หัวข้อที่เราต้องการให้กระโดดไป
    frame:
        xalign 0.30 ypos 250
        imagebutton:
            idle "school bw"
            hover "school base"
            action Jump("school") alt "school"


3. การใช้งาน หลักๆก็ให้มันแสดงภาพพื้นหลัง แสดงไอค่อน และเหตุการณ์ที่เราจะโดดไป


Code:
   scene v1001 #ให้แสดงภาพพื้นหลัง
   call screen simple_screen #ให้แสดงไอค่อน


   # เหตุการณ์ที่เราต้องการให้กระโดดไป.
label home:
   scene bg room
   e "home."

   return


label school:
   scene bg room
   e "school."

   return


4. ก็จะได้ประมาณรูป ลองกันดูนะ

.jpg
78995447.jpg (Size: 104.55 KB Downloads: 47)



Derp 

เพิ่มเติมให้นิดครับ กรณีต้องการเปลียนสีกรอบของไอค่อน ก็ใส่โค้ดนี้ลงไป

Code:
background Solid("#FF00FF")


ใส่แล้วจะได้ประมาณนี้
Code:
   frame:
       background Solid("#FF00FF") # ใส่สีของกรอบไอค่อน
       xalign 0.30 ypos 250
       imagebutton:
           idle "school bw"
           hover "school base"
           action Jump("school") alt "school"
้ถ้าจะให้โปร่งใส่ก็ใส่โคตรตัวนี้ก็ได้ครับ

Code:
background Solid("#99000000")

หรือ ถ้าต้องการคลิกแล้วมีเสียง ก็เอาโค้ดนี้ไปใส่ บรรทัด ต่อจาก action Jump
Code:
activate_sound "audio/Door_Open.mp3"

เอาเมาส์แตะแล้วมีเสียง ก็ใส่โค้ดนี้


Code:
hover_sound "audio/Door_Open.mp3"


Trollface]]>

จะมาสอนการทำ  Imagemap แบบง่ายๆ
มันมีวิธีทำหลายอย่างนะครับ อันนี้เป็นแค่รูปแบบหนึ่งเท่านั้น อาจไม่ดีที่สุดแต่มันทำง่าย

หลักการทำงานของมันก็คือ
เราจะให้มันแสดงภาพแผนที่ และก็ให้แสดงไอค่อน สำหรับคลิกกระโดด ไปยังเหตุการณ์ต่างๆ

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

.jpg
SnapCrab_NoName_2020-2-6_11-12-37_No-00.jpg (Size: 29.89 KB Downloads: 16)



2. นำโค้ดนี้ไปวางไว้ ด้านบนหน้า script
    ในตัวอย่างผมจะทำไอค่อนแค่ 2 อัน ท่านสามารถเพิ่มเป็นหลายๆอันได้


Code:
screen simple_screen():
    frame:
        xalign 0.87 ypos 500 # ที่อยู่พิกัดของไอค่อน
        imagebutton:
            idle "home bw" # ชื่อของรูปอันแรก
            hover "home base"  # ชื่อของรูปอันที่ 2
            action Jump("home") alt "Home" # หัวข้อที่เราต้องการให้กระโดดไป
    frame:
        xalign 0.30 ypos 250
        imagebutton:
            idle "school bw"
            hover "school base"
            action Jump("school") alt "school"


3. การใช้งาน หลักๆก็ให้มันแสดงภาพพื้นหลัง แสดงไอค่อน และเหตุการณ์ที่เราจะโดดไป


Code:
   scene v1001 #ให้แสดงภาพพื้นหลัง
   call screen simple_screen #ให้แสดงไอค่อน


   # เหตุการณ์ที่เราต้องการให้กระโดดไป.
label home:
   scene bg room
   e "home."

   return


label school:
   scene bg room
   e "school."

   return


4. ก็จะได้ประมาณรูป ลองกันดูนะ

.jpg
78995447.jpg (Size: 104.55 KB Downloads: 47)



Derp 

เพิ่มเติมให้นิดครับ กรณีต้องการเปลียนสีกรอบของไอค่อน ก็ใส่โค้ดนี้ลงไป

Code:
background Solid("#FF00FF")


ใส่แล้วจะได้ประมาณนี้
Code:
   frame:
       background Solid("#FF00FF") # ใส่สีของกรอบไอค่อน
       xalign 0.30 ypos 250
       imagebutton:
           idle "school bw"
           hover "school base"
           action Jump("school") alt "school"
้ถ้าจะให้โปร่งใส่ก็ใส่โคตรตัวนี้ก็ได้ครับ

Code:
background Solid("#99000000")

หรือ ถ้าต้องการคลิกแล้วมีเสียง ก็เอาโค้ดนี้ไปใส่ บรรทัด ต่อจาก action Jump
Code:
activate_sound "audio/Door_Open.mp3"

เอาเมาส์แตะแล้วมีเสียง ก็ใส่โค้ดนี้


Code:
hover_sound "audio/Door_Open.mp3"


Trollface]]> <![CDATA[Ren'Py สอนการทำเกมหลายภาษา]]> https://irpg.in.th/thread-3437.html Wed, 05 Feb 2020 13:12:17 +0700 j2547]]> https://irpg.in.th/thread-3437.html  
ผมก็พอทำได้ครับ ไม่ได้เก่งมาก พอมีความรู้นิดๆหน่อย
ก็จะมาสอนการทำเกมหลายภาษา โดยมีภาษาไทยเป็นภาษาหลัก
ก่อนอื่นเกมท่านต้องพิมพ์ภาษาไทยได้ก่อนนะครับ

1.เปิดไฟล์ screens.rpy  ว่างโค้ดลงไปตามรูป  tahoma.ttf คือฟอนต์ที่ผมใช้
ถ้าท่านใช้ฟอนต์ไหนก็เปลียนชื่อตามนั้น

Code:
#begin language_picker

               vbox:
                   style_prefix "radio"
                   label _("Language")

                   textbutton "ไทย" text_font "tahoma.ttf" action Language(None)
                   textbutton "English" text_font "tahoma.ttf" action Language("English")


#end language_picker

[Image: Qth0UoX.jpg]


2. ให้เกมมันสร้างไฟล์ สำหรับการแปลภาษาของเราขึ้นมา ตามรูปด้านล่าง

[Image: Qme6J5h.jpg]

[Image: l5PK1kU.jpg]

3. สร้างเสร็จแล้วจะอยู่ในโฟเดอร์ game\tl
ถ้าท่านต้องการแก้ไขเมนู ก็เปิดไฟล์ พิมพ์คำแปลได้เลยครับ

[Image: DtpWDze.jpg]

4. สำหรับใครขี้เกียดแปล หรืออยากใช้เมนูภาษาอังกฤษ ก็ลบทิ้งไปเลยครับ
เหลือแค่ script ตามรูป ผมลองแปล 2 ประโยคแล้ว

[Image: 6L7lPrd.jpg]

5. เข้าเกม ก็จะพบเมนู เลือกภาษาเพิ่มเข้ามา ทดสอบกันดูครับ

[Image: TsIAifi.jpg]]]>  
ผมก็พอทำได้ครับ ไม่ได้เก่งมาก พอมีความรู้นิดๆหน่อย
ก็จะมาสอนการทำเกมหลายภาษา โดยมีภาษาไทยเป็นภาษาหลัก
ก่อนอื่นเกมท่านต้องพิมพ์ภาษาไทยได้ก่อนนะครับ

1.เปิดไฟล์ screens.rpy  ว่างโค้ดลงไปตามรูป  tahoma.ttf คือฟอนต์ที่ผมใช้
ถ้าท่านใช้ฟอนต์ไหนก็เปลียนชื่อตามนั้น

Code:
#begin language_picker

               vbox:
                   style_prefix "radio"
                   label _("Language")

                   textbutton "ไทย" text_font "tahoma.ttf" action Language(None)
                   textbutton "English" text_font "tahoma.ttf" action Language("English")


#end language_picker

[Image: Qth0UoX.jpg]


2. ให้เกมมันสร้างไฟล์ สำหรับการแปลภาษาของเราขึ้นมา ตามรูปด้านล่าง

[Image: Qme6J5h.jpg]

[Image: l5PK1kU.jpg]

3. สร้างเสร็จแล้วจะอยู่ในโฟเดอร์ game\tl
ถ้าท่านต้องการแก้ไขเมนู ก็เปิดไฟล์ พิมพ์คำแปลได้เลยครับ

[Image: DtpWDze.jpg]

4. สำหรับใครขี้เกียดแปล หรืออยากใช้เมนูภาษาอังกฤษ ก็ลบทิ้งไปเลยครับ
เหลือแค่ script ตามรูป ผมลองแปล 2 ประโยคแล้ว

[Image: 6L7lPrd.jpg]

5. เข้าเกม ก็จะพบเมนู เลือกภาษาเพิ่มเข้ามา ทดสอบกันดูครับ

[Image: TsIAifi.jpg]]]> <![CDATA[Ren'Py พื้นฐาน | บทที่ 8 Animation and Transformation Language (ATL)]]> https://irpg.in.th/thread-3410.html Sat, 31 Aug 2019 12:45:48 +0700 Mikichan]]> https://irpg.in.th/thread-3410.html ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


จากบทที่แล้วเราได้เรียนการแสดงรูปและวิดีโอเบื้องตันแล้ว ในบทนี้จะมาใส่ลูกเล่นให้รูปมากขึ้นกว่าเดิม การใส่ลูกเล่นขั้นสูงต้องใช้ ATL (Animation and Transformation Language) ATL คือส่วนขยายจากคำสั่งอื่น อยู่ภายในบล็อกของคำสั่งอื่น คำสั่งแม่เพียงอย่างเดียวทำได้แค่ใช้งานพื้นฐานเท่านั้น สิ่งที่ขยายมาใน ATL คือลูกเล่น หรืออธิบายใหม่อย่างง่าย ๆ ว่า ATL ก็คือลูกเล่นนั่นเอง

[Image: 03.png]



คำสั่งแม่ของ ATL

ATL เป็นส่วนขยายของคำสั่งอื่น ต้องอยู่ภายในบล็อกของคำสั่งที่ไปขยาย คำสั่งที่ ATL สามารถขยายได้มีดังนี้


Show และ Scene

show และ scene คือคำสั่งพื้นฐานสำหรับการแสดงรูป สองคำสั่งนี้จึงรองรับลูกเล่นของรูปโดยตรง ลูกเล่นจะแสดงเมื่อใช้คำสั่งเหล่านี้ ผู้เขียนแนะนำให้ใส่ ATL ทุกอย่างในคำสั่ง show หรือ scene เนื่องจากเข้าใจและใช้งานง่าย

ตัวอย่างการใส่ ATL ในบล็อก show
Quote:show aiya underwear:
     xalign 0.75   # บรรทัดนี้คือ ATL


Image

image คือคำสั่งสำหรับประกาศตัวแปรรูป เราสามารถใส่ ATL ไปพร้อมกับการประกาศตัวแปรรูปได้ แต่เนื่องจาก image เป็นคำสั่งประมวลผลล่วงหน้า (Preprocessor Directive) ซึ่งจะแซงคิวคำสั่งอื่น ทำให้ลูกเล่น ATL ในบล็อก image จึงแซงคิวคำสั่งอื่นตามไปด้วย

อย่าลืมว่าคำสั่ง image เป็นเพียงคำสั่งประกาศตัวแปรรูป ไม่ใช่คำสั่งแสดงรูป ถ้าต้องการแสดงรูปต้องใช้คำสั่ง show หรือ scene แล้วตามด้วยชื่อตัวแปรรูป

ตัวอย่างการใส่ ATL ในบล็อก image
Quote:image a_angry:
     "aiya underwear.png"   # บรรทัดนี้คือ ATL
     xalign 0.75   # บรรทัดนี้คือ ATL


Transform

transform คือคำสั่งรูปที่เกี่ยวกับตำแหน่งรูป เช่น กำหนดให้รูปอยู่ฝั่งซ้ายของหน้าจอ สามารถใส่ ATL ที่เกี่ยวกับตำแหน่งรูปได้ แต่ผู้เขียนแนะนำให้ใช้คำสั่ง show หรือ scene แทนดีกว่า เนื่องจากสามารถรองรับลูกเล่นตำแหน่งรูปได้เหมือนกัน อีกทั้งยังใช้ง่ายและหลากหลายกว่าคำสั่ง transform ด้วย

tranform เป็นคำสั่งประมวลผลล่วงหน้า (Preprocessor Directive) ซึ่งจะแซงคิวคำสั่งอื่น เหมาะสำหรับลูกเล่นที่ใช้ครั้งเดียว ถ้าไฟล์สคริปต์มีทั้งคำสั่ง image และ transform คำสั่ง transform จะทำงานก่อน เนื่องจากมีลำดับขั้นที่สูงกว่า

ตัวอย่างการใส่ ATL ในบล็อก transform
Quote:transform moveright:
     linear 5.0 yalign 1.0     # บรรทัดนี้คือ ATL



Align และ  Pos: กำหนดตำแหน่งรูป

คำสั่งชุด Align
xalign คือคำสั่งระบุตำแหน่งหน้าจอ แบบอัตราส่วน ในแนวนอน โดย 0.0 คือซ้าย และ 1.0 คือขวา
yalign คือคำสั่งระบุตำแหน่งหน้าจอ แบบอัตราส่วน ในแนวตั้ง โดย 0.0 คือบน และ 1.0 คือล่าง

คำสั่งชุด Pos
xpos คือคำสั่งระบุตำแหน่งหน้าจอ แบบตามจริง ในแนวนอน ระบุเป็นพิกเซล
ypos คือคำสั่งระบุตำแหน่งหน้าจอ แบบตามจริง ในแนวตั้ง ระบุเป็นพิกเซล

คำสั่งชุด Align และ Pos ใช้สำหรับการแสดงรูปในตำแหน่งที่ระบุไว้ ต้องตามด้วยตัวเลข ความแตกต่างของคำสั่งสองชุดนี้อยู่ที่การเียกตำแหน่งบนหน้าจอ Align จะอ้างอิงจากอัตราส่วนหน้าจอ ค่าควรอยู่ระหว่าง 0.0 ถึง 1.0 ส่วนคำสั่งชุด Pos อ้างอิงจากพิกเซลจริง ในทางปฏิบัติคำสั่งสองชุดนี้ใช้ระบุตำแหน่งได้เหมือนกัน

[Image: 01.png]
รูปที่ 8.1 เปรียบเทียบคำสั่งชุด Align และ Pos (จอขนาดมาตรฐาน)

ตัวอย่างการใช้คำสั่งชุด Pos
Quote:show star:
     xpos 275 ypos 100   # แสดงรูป star ที่ตำแหน่ง (275, 100)

[Image: 02.png]
รูปที่ 8.2 การใช้คำสั่งชุด Pos เพื่อแสดงรูปในตำแหน่งที่ต้องการ



Linear: เคลื่อนที่รูป


......

นี่เพิ่งแค่ 39% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/08/ren...ter08.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


จากบทที่แล้วเราได้เรียนการแสดงรูปและวิดีโอเบื้องตันแล้ว ในบทนี้จะมาใส่ลูกเล่นให้รูปมากขึ้นกว่าเดิม การใส่ลูกเล่นขั้นสูงต้องใช้ ATL (Animation and Transformation Language) ATL คือส่วนขยายจากคำสั่งอื่น อยู่ภายในบล็อกของคำสั่งอื่น คำสั่งแม่เพียงอย่างเดียวทำได้แค่ใช้งานพื้นฐานเท่านั้น สิ่งที่ขยายมาใน ATL คือลูกเล่น หรืออธิบายใหม่อย่างง่าย ๆ ว่า ATL ก็คือลูกเล่นนั่นเอง

[Image: 03.png]



คำสั่งแม่ของ ATL

ATL เป็นส่วนขยายของคำสั่งอื่น ต้องอยู่ภายในบล็อกของคำสั่งที่ไปขยาย คำสั่งที่ ATL สามารถขยายได้มีดังนี้


Show และ Scene

show และ scene คือคำสั่งพื้นฐานสำหรับการแสดงรูป สองคำสั่งนี้จึงรองรับลูกเล่นของรูปโดยตรง ลูกเล่นจะแสดงเมื่อใช้คำสั่งเหล่านี้ ผู้เขียนแนะนำให้ใส่ ATL ทุกอย่างในคำสั่ง show หรือ scene เนื่องจากเข้าใจและใช้งานง่าย

ตัวอย่างการใส่ ATL ในบล็อก show
Quote:show aiya underwear:
     xalign 0.75   # บรรทัดนี้คือ ATL


Image

image คือคำสั่งสำหรับประกาศตัวแปรรูป เราสามารถใส่ ATL ไปพร้อมกับการประกาศตัวแปรรูปได้ แต่เนื่องจาก image เป็นคำสั่งประมวลผลล่วงหน้า (Preprocessor Directive) ซึ่งจะแซงคิวคำสั่งอื่น ทำให้ลูกเล่น ATL ในบล็อก image จึงแซงคิวคำสั่งอื่นตามไปด้วย

อย่าลืมว่าคำสั่ง image เป็นเพียงคำสั่งประกาศตัวแปรรูป ไม่ใช่คำสั่งแสดงรูป ถ้าต้องการแสดงรูปต้องใช้คำสั่ง show หรือ scene แล้วตามด้วยชื่อตัวแปรรูป

ตัวอย่างการใส่ ATL ในบล็อก image
Quote:image a_angry:
     "aiya underwear.png"   # บรรทัดนี้คือ ATL
     xalign 0.75   # บรรทัดนี้คือ ATL


Transform

transform คือคำสั่งรูปที่เกี่ยวกับตำแหน่งรูป เช่น กำหนดให้รูปอยู่ฝั่งซ้ายของหน้าจอ สามารถใส่ ATL ที่เกี่ยวกับตำแหน่งรูปได้ แต่ผู้เขียนแนะนำให้ใช้คำสั่ง show หรือ scene แทนดีกว่า เนื่องจากสามารถรองรับลูกเล่นตำแหน่งรูปได้เหมือนกัน อีกทั้งยังใช้ง่ายและหลากหลายกว่าคำสั่ง transform ด้วย

tranform เป็นคำสั่งประมวลผลล่วงหน้า (Preprocessor Directive) ซึ่งจะแซงคิวคำสั่งอื่น เหมาะสำหรับลูกเล่นที่ใช้ครั้งเดียว ถ้าไฟล์สคริปต์มีทั้งคำสั่ง image และ transform คำสั่ง transform จะทำงานก่อน เนื่องจากมีลำดับขั้นที่สูงกว่า

ตัวอย่างการใส่ ATL ในบล็อก transform
Quote:transform moveright:
     linear 5.0 yalign 1.0     # บรรทัดนี้คือ ATL



Align และ  Pos: กำหนดตำแหน่งรูป

คำสั่งชุด Align
xalign คือคำสั่งระบุตำแหน่งหน้าจอ แบบอัตราส่วน ในแนวนอน โดย 0.0 คือซ้าย และ 1.0 คือขวา
yalign คือคำสั่งระบุตำแหน่งหน้าจอ แบบอัตราส่วน ในแนวตั้ง โดย 0.0 คือบน และ 1.0 คือล่าง

คำสั่งชุด Pos
xpos คือคำสั่งระบุตำแหน่งหน้าจอ แบบตามจริง ในแนวนอน ระบุเป็นพิกเซล
ypos คือคำสั่งระบุตำแหน่งหน้าจอ แบบตามจริง ในแนวตั้ง ระบุเป็นพิกเซล

คำสั่งชุด Align และ Pos ใช้สำหรับการแสดงรูปในตำแหน่งที่ระบุไว้ ต้องตามด้วยตัวเลข ความแตกต่างของคำสั่งสองชุดนี้อยู่ที่การเียกตำแหน่งบนหน้าจอ Align จะอ้างอิงจากอัตราส่วนหน้าจอ ค่าควรอยู่ระหว่าง 0.0 ถึง 1.0 ส่วนคำสั่งชุด Pos อ้างอิงจากพิกเซลจริง ในทางปฏิบัติคำสั่งสองชุดนี้ใช้ระบุตำแหน่งได้เหมือนกัน

[Image: 01.png]
รูปที่ 8.1 เปรียบเทียบคำสั่งชุด Align และ Pos (จอขนาดมาตรฐาน)

ตัวอย่างการใช้คำสั่งชุด Pos
Quote:show star:
     xpos 275 ypos 100   # แสดงรูป star ที่ตำแหน่ง (275, 100)

[Image: 02.png]
รูปที่ 8.2 การใช้คำสั่งชุด Pos เพื่อแสดงรูปในตำแหน่งที่ต้องการ



Linear: เคลื่อนที่รูป


......

นี่เพิ่งแค่ 39% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/08/ren...ter08.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> <![CDATA[Ren'Py พื้นฐาน | บทที่ 7 รูปภาพและวิดีโอ]]> https://irpg.in.th/thread-3405.html Tue, 20 Aug 2019 23:46:08 +0700 Mikichan]]> https://irpg.in.th/thread-3405.html ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


โปรแกรม Ren'Py รองรับลูกเล่นกราฟฟิกมากมาย ในบทนี้จะเรียนการใส่รูปภาพและวิดีโอเบื้องต้นได้แก่แนวคิดพื้นฐาน การแสดงรูปและการเปิดวิดีโอ ส่วนลูกเล่นเพิ่มเติมต้องใช้ ATL (Animation and Transformation Language) ซึ่งจะเรียนกันในบทต่อไป

[Image: 03.png]



Layer: ชั้นของรูป

เลเยอร์ (Layer) คือชั้นที่รวมรูปที่กำลังแสดงอยู่ โปรแกรม Ren'Py มีหลายเลเยอร์เพื่อรองรับการแสดงรูปหลายรูปพร้อมกัน ภายในหนึ่งเลเยอร์สามารถแสดงหลายรูปพร้อมกันได้ เลเยอร์หลักที่ใช้คือเลเยอร์ Master ซึ่งแสดงรูปพื้นหลัง, รูปตัวละคร, และรูปอื่น ๆ ที่นักสร้างเกมใส่มา นอกจากนี้ท่านสามารถสร้างเลเยอร์ใหม่เองได้ แต่จะไม่อธิบายการสร้างเลเยอร์ใหม่ในบทความนี้ เนื่องจากเลเยอร์ Master ก็เพียงพอสำหรับการใช้งานทั่วไปและลูกเล่นต่าง ๆ แล้ว

[Image: 01.png]
รูปที่ 7.1 การจัดเรียงเลเยอร์



Tag and Attribute: แท็กและคุณสมบัติ

รูปในโปรแกรม Ren'Py แตกต่างจากเสียงซึ่งสามารถตั้งชื่อไฟล์ได้ตามใจชอบ ชื่อของรูปประกอบด้วย 2 ส่วนได้แก่แท็ก (Tag) และคุณสมบัติ (Attribute) แท็กและคุณสมบัติแบ่งด้วยการเว้นวรรคภายในชื่อไฟล์รูป ส่วนซ้ายสุดคือแท็ก นอกจากนั้นเป็นคุณสมบัติที่ขยายแท็กนั้น (อยู่ทางขวาของแท็ก) จะมีคุณสมบัติเท่าไรก็ได้หรือไม่มีเลยก็ได้

[Image: 02.png]
รูปที่ 7.2 การแบ่งแท็กและคุณสมบัติจากชื่อไฟล์

Code:
windy   # แท็กคือ windy ไม่มีคุณสมบัติ
paeng happy   # แท็กคือ paeng มีคุณสมบัติ 1 ตัวคือ happy
miki cheer night   # แท็กคือ miki มีคุณสมบัติ 2 ตัวคือ cheer และ night

ไฟล์รูปที่โปรแกรม Ren'Py รองรับคือ .jpg และ .png ผู้เขียนแนะนำให้ใช้ .png เพราะสามารถทำให้พื้นหลังของตัวละครโปร่งใสได้ รูปต้องอยู่ในโฟลเดอร์ images โดยรูปสามารถอยู่ในโฟลเดอร์ย่อยในโฟลเดอร์ images อีกทีก็ได้ โปรแกรมจะมองเหมือนอยู่ในโฟลเดอร์ images ชื่อของรูปต้องเป็นตามรูปแบบข้างบนเท่านั้น คือแบ่งเป็นแท็กและคุณสมบัติ ตัวอังกฤษตัวใหญ่จะถูกมองเป็นตัวอังกฤษตัวเล็กเสมอ

Code:
# ไฟล์รูปข้างล่างนี้มีแท็กและคุณสมบัติเหมือนกันคือ nan smile
# โปรแกรมจะเข้าใจว่าเป็นรูปเดียวกัน

images\nan smile.jpg
images\nan smile.png
images\NAN SMILE.png
images\characters\nan smile.png

สรุปง่าย ๆ ว่าต้องตั้งชื่อรูปตามรูปแบบข้างบนเท่านั้น (แท็กและคุณสมบัติ) เว้นวรรคภายในชื่อเพื่อแบ่งแท็กและคุณสมบัติ ไม่สามารถตั้งชื่อรูปมั่ว ๆ ได้ ชื่อของรูปจะมีผลต่อการแสดงรูป

การตั้งชื่อตัวละครที่แนะนำคือ ตั้งแท็กเป็นชื่อของตัวละคร ถ้าตัวละครตัวหนึ่งมีอารมณ์หรือใบหน้าหลายแบบ (หลายรูป) ให้ตั้งใบหน้าเหล่านั้นเป็นคุณสมบัติ เช่น emily happy, emily sad, emily tired เพื่อให้ง่ายต่อการใช้งาน (โดยเฉพาะคำสั่ง show) ถ้ามีตัวละครตัวหนึ่งมีใบหน้าเพียงแบบเดียวก็ไม่ต้องใส่คุณสมบัติ เช่น praew



Image: ประกาศตัวแปรรูป

เราสามารถเก็บข้อมูลรูปลงในตัวแปรได้ด้วยคำสั่ง image ข้อมูลที่เก็บส่วนใหญ่คือชื่อไฟล์พร้อมนามสกุล ไม่ต้องใส่ชื่อโฟลเดอร์ที่เก็บรูป (รูปต้องอยู่ในโฟลเดอร์ images) คำสั่ง image เป็นคำสั่งประมวลผลล่วงหน้า (Preprocessor Directive) คล้ายกับคำสั่ง define ซึ่งจะแซงคิวทุกคำสั่งในเกม รูปแบบของคำสั่ง image คือ

Code:
image ชื่อตัวแปรรูป = "ชื่อไฟล์พร้อมนามสกุล"

ตัวอย่างการใช้คำสั่ง image เช่น

Code:
image ah = "aiya happy.png"



Show: แสดงรูป


......

นี่เพิ่งแค่ 35% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/08/ren...ter07.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


โปรแกรม Ren'Py รองรับลูกเล่นกราฟฟิกมากมาย ในบทนี้จะเรียนการใส่รูปภาพและวิดีโอเบื้องต้นได้แก่แนวคิดพื้นฐาน การแสดงรูปและการเปิดวิดีโอ ส่วนลูกเล่นเพิ่มเติมต้องใช้ ATL (Animation and Transformation Language) ซึ่งจะเรียนกันในบทต่อไป

[Image: 03.png]



Layer: ชั้นของรูป

เลเยอร์ (Layer) คือชั้นที่รวมรูปที่กำลังแสดงอยู่ โปรแกรม Ren'Py มีหลายเลเยอร์เพื่อรองรับการแสดงรูปหลายรูปพร้อมกัน ภายในหนึ่งเลเยอร์สามารถแสดงหลายรูปพร้อมกันได้ เลเยอร์หลักที่ใช้คือเลเยอร์ Master ซึ่งแสดงรูปพื้นหลัง, รูปตัวละคร, และรูปอื่น ๆ ที่นักสร้างเกมใส่มา นอกจากนี้ท่านสามารถสร้างเลเยอร์ใหม่เองได้ แต่จะไม่อธิบายการสร้างเลเยอร์ใหม่ในบทความนี้ เนื่องจากเลเยอร์ Master ก็เพียงพอสำหรับการใช้งานทั่วไปและลูกเล่นต่าง ๆ แล้ว

[Image: 01.png]
รูปที่ 7.1 การจัดเรียงเลเยอร์



Tag and Attribute: แท็กและคุณสมบัติ

รูปในโปรแกรม Ren'Py แตกต่างจากเสียงซึ่งสามารถตั้งชื่อไฟล์ได้ตามใจชอบ ชื่อของรูปประกอบด้วย 2 ส่วนได้แก่แท็ก (Tag) และคุณสมบัติ (Attribute) แท็กและคุณสมบัติแบ่งด้วยการเว้นวรรคภายในชื่อไฟล์รูป ส่วนซ้ายสุดคือแท็ก นอกจากนั้นเป็นคุณสมบัติที่ขยายแท็กนั้น (อยู่ทางขวาของแท็ก) จะมีคุณสมบัติเท่าไรก็ได้หรือไม่มีเลยก็ได้

[Image: 02.png]
รูปที่ 7.2 การแบ่งแท็กและคุณสมบัติจากชื่อไฟล์

Code:
windy   # แท็กคือ windy ไม่มีคุณสมบัติ
paeng happy   # แท็กคือ paeng มีคุณสมบัติ 1 ตัวคือ happy
miki cheer night   # แท็กคือ miki มีคุณสมบัติ 2 ตัวคือ cheer และ night

ไฟล์รูปที่โปรแกรม Ren'Py รองรับคือ .jpg และ .png ผู้เขียนแนะนำให้ใช้ .png เพราะสามารถทำให้พื้นหลังของตัวละครโปร่งใสได้ รูปต้องอยู่ในโฟลเดอร์ images โดยรูปสามารถอยู่ในโฟลเดอร์ย่อยในโฟลเดอร์ images อีกทีก็ได้ โปรแกรมจะมองเหมือนอยู่ในโฟลเดอร์ images ชื่อของรูปต้องเป็นตามรูปแบบข้างบนเท่านั้น คือแบ่งเป็นแท็กและคุณสมบัติ ตัวอังกฤษตัวใหญ่จะถูกมองเป็นตัวอังกฤษตัวเล็กเสมอ

Code:
# ไฟล์รูปข้างล่างนี้มีแท็กและคุณสมบัติเหมือนกันคือ nan smile
# โปรแกรมจะเข้าใจว่าเป็นรูปเดียวกัน

images\nan smile.jpg
images\nan smile.png
images\NAN SMILE.png
images\characters\nan smile.png

สรุปง่าย ๆ ว่าต้องตั้งชื่อรูปตามรูปแบบข้างบนเท่านั้น (แท็กและคุณสมบัติ) เว้นวรรคภายในชื่อเพื่อแบ่งแท็กและคุณสมบัติ ไม่สามารถตั้งชื่อรูปมั่ว ๆ ได้ ชื่อของรูปจะมีผลต่อการแสดงรูป

การตั้งชื่อตัวละครที่แนะนำคือ ตั้งแท็กเป็นชื่อของตัวละคร ถ้าตัวละครตัวหนึ่งมีอารมณ์หรือใบหน้าหลายแบบ (หลายรูป) ให้ตั้งใบหน้าเหล่านั้นเป็นคุณสมบัติ เช่น emily happy, emily sad, emily tired เพื่อให้ง่ายต่อการใช้งาน (โดยเฉพาะคำสั่ง show) ถ้ามีตัวละครตัวหนึ่งมีใบหน้าเพียงแบบเดียวก็ไม่ต้องใส่คุณสมบัติ เช่น praew



Image: ประกาศตัวแปรรูป

เราสามารถเก็บข้อมูลรูปลงในตัวแปรได้ด้วยคำสั่ง image ข้อมูลที่เก็บส่วนใหญ่คือชื่อไฟล์พร้อมนามสกุล ไม่ต้องใส่ชื่อโฟลเดอร์ที่เก็บรูป (รูปต้องอยู่ในโฟลเดอร์ images) คำสั่ง image เป็นคำสั่งประมวลผลล่วงหน้า (Preprocessor Directive) คล้ายกับคำสั่ง define ซึ่งจะแซงคิวทุกคำสั่งในเกม รูปแบบของคำสั่ง image คือ

Code:
image ชื่อตัวแปรรูป = "ชื่อไฟล์พร้อมนามสกุล"

ตัวอย่างการใช้คำสั่ง image เช่น

Code:
image ah = "aiya happy.png"



Show: แสดงรูป


......

นี่เพิ่งแค่ 35% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/08/ren...ter07.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> <![CDATA[Ren'Py พื้นฐาน | บทที่ 6 เสียงประกอบเกม]]> https://irpg.in.th/thread-3401.html Wed, 14 Aug 2019 19:04:59 +0700 Mikichan]]> https://irpg.in.th/thread-3401.html ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


5 บทก่อนหน้าเราได้เรียนการสร้างเกมแนว Visual Novel ด้วยโปรแกรม Ren'Py ได้เรียนพื้นฐานมาครบถ้วนแล้ว? ใช่ เกมที่สร้างในบทก่อนหน้าก็ดูดีแล้ว แต่รู้สึกว่าขาดอะไรไปบางอย่างหรือเปล่า? เรายังไม่ได้ใส่เสียงในเกมเลย บทนี้จะมาเรียนกันเรื่องการใส่เสียงกัน



ประเภทเสียง

ไฟล์เสียงที่โปรแกรม Ren'Py รองรับได้แก่ .opus, .ogg, .mp3, และ .wav ไฟล์เสียงต้องอยู่ในโฟลเดอร์โปรเจ็กต์เกม (ชื่อโปรเจ็กต์\game)

เสียงในโปรแกรม Ren'Py แบ่งเป็น 3 ประเภทได้แก่ Music, Sound, และ Voice เสียงทั้ง 3 ประเภทแบ่งตามการวนซ้ำและการเริ่มต้นดังตารางข้างล่าง ไม่จำเป็นต้องเป็นเสียงตามประเภทจริง ๆ ก็ได้ เช่น ถ้าต้องการเปิดเพลงครั้งเดียวจบ ไม่วนซ้ำ สามารถเปิดเพลงนั้นด้วยคำสั่งเปิดเสียงเอฟเฟกต์ได้ โปรแกรม Ren'Py สามารถเปิดหลายเสียงพร้อมกันได้ แต่ต้องไม่ใช่เสียงประเภทเดียวกัน (เปิดได้ประเภทละ 1 เสียง รวมเป็นเปิดได้พร้อมกัน 3 เสียง)

ความแตกต่างของประเภทเสียง

ประเภทเสียง
วนซ้ำ
เริ่มต้น
ระยะเวลาเปิดสียง
Music (เสียงเพลง)✔เริ่มทันทีไม่สิ้นสุดจนกว่าจะมีคำสั่งหยุดหรือเปลี่ยนเสียง
Sound (เสียงประกอบ)✘เริ่มทันทีเปิดจนจบครั้งเดียว
Voice (เสียงพูด)✘เริ่มพร้อมกล่องข้อความต่อไปเปิดจนจบครั้งเดียวหรือเปิดจนกว่าเปลี่ยนกล่องข้อความ (ถ้ายังไม่จบ)


นอกจากนี้โปรแกรม Ren'Py ยังมีเสียงประเภทพิเศษคือ Audio จุดเด่นของเสียงประเภทนี้คือสามารถเปิดหลายเสียงพร้อมกันได้ แม้ว่ากำลังเปิดเสียง Audio อื่นอยู่ก็ตาม แต่ Audio ค่อนข้างมีข้อจำกัดมากกว่าเสียง 3 ประเภทข้างต้น เช่น ไม่สามารถต่อคิวเสียงได้ ไม่สามารถหยุดเสียงได้ ถ้าไม่จำเป็นจริง ๆ ผู้เขียนไม่แนะนำให้ใช้เสียง Audio



Play: เปิดเสียง

play คือคำสั่งที่เปิดเสียง ถ้ามีเสียงในประเภทเดียวกันกำลังเปิดอยู่ จะหยุดเสียงเดิมและเปิดเสียงใหม่แทน (ยกเว้นเสียง Audio) รูปแบบของคำสั่ง play คือ

Code:
play ประเภท "ชื่อไฟล์พร้อมนามสกุล"


นอกจากนี้ยังสามารถเปิดเสียงโดยค่อย ๆ เพิ่มความดังเสียงได้ ท้ายบรรทัด play ให้ใส่ส่วนขยาย fadein ตามด้วยเวลาที่เพิ่มเสียง หน่วยเป็นวินาที เช่น ต่อท้ายด้วย fadein 2.5 หมายถึงค่อย ๆ เพิ่มเสียงเป็นเวลา 2.5 วินาที หลังจากนั้นเปิดเสียงต่อตามปกติ

ตัวอย่างการใช้คำสั่ง play เช่น

Code:
play music "theme1.ogg"
play music "theme2.ogg"   # หยุดเสียง Music เดิม (theme1.ogg) และเปิดเสียง theme2.ogg

play music "theme3.ogg" fadein 2.0   # เปิดเสียง theme3.ogg โดยค่อย ๆ เพิ่มความดังเป็นเวลา 2.0 วินาที

play sound "open.ogg"
play sound "broken.ogg"   # ถ้าเสียง Sound เดิม (open.ogg) ยังไม่จบ จะหยุดเสียงเดิม

# เสียง Audio เดิมจะไม่หยุดเมื่อเปิดเสียง Audio ใหม่
play audio "sfx1.mp3"
play audio "sfx2.mp3"



สำหรับการใช้คำสั่ง play กับเสียง Voice จะเป็นการเปิดเสียงทันที และจะหยุดเสียงเมื่อแสดงหรือเปลี่ยนกล่องข้อความ ซึ่งอาจเปิดและปิดเร็วมากจนฟังไม่ทัน และไม่เหมาะกับการใช้งานเท่าไร การเปิดเสียง Voice ผู้เขียนแนะนำให้ใช้คำสั่ง voice



Stop: หยุดเสียง


......

นี่เพิ่งแค่ 49% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/08/ren...ter06.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


5 บทก่อนหน้าเราได้เรียนการสร้างเกมแนว Visual Novel ด้วยโปรแกรม Ren'Py ได้เรียนพื้นฐานมาครบถ้วนแล้ว? ใช่ เกมที่สร้างในบทก่อนหน้าก็ดูดีแล้ว แต่รู้สึกว่าขาดอะไรไปบางอย่างหรือเปล่า? เรายังไม่ได้ใส่เสียงในเกมเลย บทนี้จะมาเรียนกันเรื่องการใส่เสียงกัน



ประเภทเสียง

ไฟล์เสียงที่โปรแกรม Ren'Py รองรับได้แก่ .opus, .ogg, .mp3, และ .wav ไฟล์เสียงต้องอยู่ในโฟลเดอร์โปรเจ็กต์เกม (ชื่อโปรเจ็กต์\game)

เสียงในโปรแกรม Ren'Py แบ่งเป็น 3 ประเภทได้แก่ Music, Sound, และ Voice เสียงทั้ง 3 ประเภทแบ่งตามการวนซ้ำและการเริ่มต้นดังตารางข้างล่าง ไม่จำเป็นต้องเป็นเสียงตามประเภทจริง ๆ ก็ได้ เช่น ถ้าต้องการเปิดเพลงครั้งเดียวจบ ไม่วนซ้ำ สามารถเปิดเพลงนั้นด้วยคำสั่งเปิดเสียงเอฟเฟกต์ได้ โปรแกรม Ren'Py สามารถเปิดหลายเสียงพร้อมกันได้ แต่ต้องไม่ใช่เสียงประเภทเดียวกัน (เปิดได้ประเภทละ 1 เสียง รวมเป็นเปิดได้พร้อมกัน 3 เสียง)

ความแตกต่างของประเภทเสียง

ประเภทเสียง
วนซ้ำ
เริ่มต้น
ระยะเวลาเปิดสียง
Music (เสียงเพลง)✔เริ่มทันทีไม่สิ้นสุดจนกว่าจะมีคำสั่งหยุดหรือเปลี่ยนเสียง
Sound (เสียงประกอบ)✘เริ่มทันทีเปิดจนจบครั้งเดียว
Voice (เสียงพูด)✘เริ่มพร้อมกล่องข้อความต่อไปเปิดจนจบครั้งเดียวหรือเปิดจนกว่าเปลี่ยนกล่องข้อความ (ถ้ายังไม่จบ)


นอกจากนี้โปรแกรม Ren'Py ยังมีเสียงประเภทพิเศษคือ Audio จุดเด่นของเสียงประเภทนี้คือสามารถเปิดหลายเสียงพร้อมกันได้ แม้ว่ากำลังเปิดเสียง Audio อื่นอยู่ก็ตาม แต่ Audio ค่อนข้างมีข้อจำกัดมากกว่าเสียง 3 ประเภทข้างต้น เช่น ไม่สามารถต่อคิวเสียงได้ ไม่สามารถหยุดเสียงได้ ถ้าไม่จำเป็นจริง ๆ ผู้เขียนไม่แนะนำให้ใช้เสียง Audio



Play: เปิดเสียง

play คือคำสั่งที่เปิดเสียง ถ้ามีเสียงในประเภทเดียวกันกำลังเปิดอยู่ จะหยุดเสียงเดิมและเปิดเสียงใหม่แทน (ยกเว้นเสียง Audio) รูปแบบของคำสั่ง play คือ

Code:
play ประเภท "ชื่อไฟล์พร้อมนามสกุล"


นอกจากนี้ยังสามารถเปิดเสียงโดยค่อย ๆ เพิ่มความดังเสียงได้ ท้ายบรรทัด play ให้ใส่ส่วนขยาย fadein ตามด้วยเวลาที่เพิ่มเสียง หน่วยเป็นวินาที เช่น ต่อท้ายด้วย fadein 2.5 หมายถึงค่อย ๆ เพิ่มเสียงเป็นเวลา 2.5 วินาที หลังจากนั้นเปิดเสียงต่อตามปกติ

ตัวอย่างการใช้คำสั่ง play เช่น

Code:
play music "theme1.ogg"
play music "theme2.ogg"   # หยุดเสียง Music เดิม (theme1.ogg) และเปิดเสียง theme2.ogg

play music "theme3.ogg" fadein 2.0   # เปิดเสียง theme3.ogg โดยค่อย ๆ เพิ่มความดังเป็นเวลา 2.0 วินาที

play sound "open.ogg"
play sound "broken.ogg"   # ถ้าเสียง Sound เดิม (open.ogg) ยังไม่จบ จะหยุดเสียงเดิม

# เสียง Audio เดิมจะไม่หยุดเมื่อเปิดเสียง Audio ใหม่
play audio "sfx1.mp3"
play audio "sfx2.mp3"



สำหรับการใช้คำสั่ง play กับเสียง Voice จะเป็นการเปิดเสียงทันที และจะหยุดเสียงเมื่อแสดงหรือเปลี่ยนกล่องข้อความ ซึ่งอาจเปิดและปิดเร็วมากจนฟังไม่ทัน และไม่เหมาะกับการใช้งานเท่าไร การเปิดเสียง Voice ผู้เขียนแนะนำให้ใช้คำสั่ง voice



Stop: หยุดเสียง


......

นี่เพิ่งแค่ 49% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/08/ren...ter06.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> <![CDATA[Ren'Py พื้นฐาน | บทที่ 5 ตัวเลือกและทิศทางของเกม]]> https://irpg.in.th/thread-3399.html Wed, 07 Aug 2019 17:05:41 +0700 Mikichan]]> https://irpg.in.th/thread-3399.html ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


อะไรนะ! มีเกมแนว Visual Novel ที่ไหนไม่มีตัวเลือกให้ผู้เล่นบ้าง? ก็เกมแนว Visual Novel ที่สร้างกันในบทที่แล้วน่ะสิ สำหรับผู้อ่านที่ยังไม่ได้อ่านบทความชุด "Ren'Py พื้นฐาน" ตั้งแต่บทที่ 1 ถึงบทที่ 4 ผู้เขียนแนะนำให้ท่านย้อนกลับไปก่อนอ่านบทนี้ ในบทนี้ท่านจะได้เรียนเรื่องทิศทางการทำงานของเกมด้วยวิธีต่าง ๆ ได้แก่ การข้ามการทำงาน, การตรวจเงื่อนไข, การทำงานซ้ำ, และปิดท้ายบทนี้ด้วยการสร้างตัวเลือกให้เกมแนว Visual Novel ที่ผู้เล่นคุ้นเคยกัน

[Image: 05.png]



Block: เว้นวรรคหน้าคำสั่ง

ก่อนเรียนเรื่องใหม่ผู้เขียนต้องอธิบายเรื่องบล็อก (Block) ให้ท่านเข้าใจก่อน จะได้ไม่ต้องมาอธิบายเรื่องนี้ซ้ำบ่อย ๆ บล็อกคือกลุ่มของคำสั่งที่อยู่ในระดับเดียวกัน ผู้อ่านที่เคยเขียนโปรแกรมด้วยภาษา C หรือ Java คงจะคุ้นเคยกับเครื่องหมาย { } ที่ครอบคำสั่งหลายตัว นั่นคือการบอกว่าคำสั่งเหล่านี้อยู่ในบล็อกเดียวกันหรือระดับเดียวกัน (เช่น กลุ่มคำสั่งที่ต่อจาก if-else, while, function)

บล็อกคืออะไร? บล็อกคือกลุ่มคำสั่งที่จะทำงานเมื่ออยู่ในเงื่อนไขที่กำหนดเท่านั้น คำสั่งที่อยู่ในบล็อกเดียวกันจะมีระดับเดียวกัน เรื่องนี้อธิบายให้มือใหม่เข้าใจยาก เอาเป็นว่าบล็อกคืออะไรช่างมันก่อน เรียนวิธีใช้บล็อกกันไปก่อน แล้วค่อยทำความรู้จักบล็อกกันในหัวข้อที่ต้องใช้บล็อกกันอีกที

ในภาษา Ren'Py ไม่ได้ใช้เครื่องหมาย { } ในการแบ่งบล็อก แต่จะใช้การเว้นวรรคหน้าคำสั่งเพื่อแบ่งบล็อก (ห้ามใช้ Tab แทนการเว้นวรรค อ่านรายละเอียดใน "ข้อระวังท้ายบท" ใน Ren'Py พื้นฐาน | บทที่ 3 กล่องข้อความ) คำสั่งที่อยู่ในบล็อกเดียวกันต้องเว้นวรรคหน้าคำสั่งเท่ากัน การเว้นวรรคหน้าคำสั่งจะเว้นวรรคกี่ครั้งก็ได้ สำหรับบล็อกย่อยที่อยู่ภายในบล็อกใหญ่แล้ว บล็อกย่อยนั้นต้องมีจำนวนเว้นวรรคมากกว่าบล็อกใหญ่ ตัวอย่างเช่น

Code:
# บล็อกที่ 1 (คำสั่งที่ 1-1)
# บล็อกที่ 1 (คำสั่งที่ 1-2)

     # บล็อกที่ 2 (คำสั่งที่ 2-1)
     # บล็อกที่ 2 (คำสั่งที่ 2-2)

          # บล็อกที่ 3 (คำสั่งที่ 3-1)
          # บล็อกที่ 3 (คำสั่งที่ 3-2)

     # บล็อกที่ 2 (คำสั่งที่ 2-3)
     # บล็อกที่ 2 (คำสั่งที่ 2-4)

# บล็อกที่ 1 (คำสั่งที่ 1-3)

จากตัวอย่างข้างบนสังเกตว่าคำสั่งในบล็อกที่ 1 ไม่ได้เว้นวรรคหน้าคำสั่ง (หน้าบรรทัด) ถือว่าเป็นบล็อกที่ใหญ่ที่สุด บล็อกที่ 2 เป็นบล็อกย่อยที่อยู่ในบล็อกที่ 1 มีการเว้นวรรคหน้าบล็อกที่ 2 พอควร ต่อมาคือบล็อกที่ 3 เป็นบล็อกย่อยที่อยู่ในบล็อกที่ 2 อีกที สังเกตจากคำสั่งของบล็อกที่ 3 อยู่ต่อจากบล็อกที่ 2 และมีการเว้นวรรคมากกว่าบล็อกที่ 2

ถ้ามีหลายบล็อกแล้วคำสั่งที่อยู่ในบล็อกที่ใหญ่ที่สุดจะทำงานเป็นลำดับแรก (ในตัวอย่างคือบล็อกที่ 1) ทำงานจากบรรทัดบนไปยังบรรทัดล่าง ส่วนบล็อกย่อยจะทำงานเมื่อตรงตามเงื่อนไขเท่านั้น เช่น ถ้าไม่ตรงเงื่อนไขของบล็อกที่ 2 เกมจะข้ามบล็อกที่ 2 ทั้งหมด รวมทั้งบล็อกที่ 3 ซึ่งอยู่ในบล็อกที่ 2 อีกทีด้วย หมายความว่าเกมจะทำงานแค่สองบรรทัดแรกและบรรทัดสุดท้ายเท่านั้น เพราะสามบรรทัดนี้อยู่ในบล็อกที่ 1 ส่วนบรรทัดอื่นเกมจะมองเหมือนว่าไม่มีตัวตนอยู่

ถ้าผู้อ่านยังไม่เข้าใจตอนนี้ก็ไม่เป็นไร ขอให้จำง่าย ๆ ว่าคำสั่งที่อยู่ในบล็อกเดียวกันจะเว้นวรรคหน้าบรรทัดเท่ากัน (วิธีจำแบบนี้ไม่เป็นจริงเสมอไป แต่สำหรับมือใหม่จำแบบนี้ไปก่อน) เมื่อได้เรียนหัวข้ออื่นแล้วท่านจะเห็นภาพของบล็อกชัดเจนขึ้น ส่วนเงื่อนไขของบล็อกมีอะไรบ้าง เราจะเรียนกันในหัวข้อต่าง ๆ ในบทนี้


Pass

ในกรณีที่ภาษา Ren'Py บังคับให้ใส่บล็อกย่อย แต่เราไม่มีคำสั่งที่ต้องการใส่ในบล็อกย่อยนั้น ภาษา Ren'Py ไม่อนุญาตให้ปล่อยเป็นบล็อกเปล่าได้ วิธีแก้คือใส่คำสั่ง pass ในบล็อกย่อยนั้น คำสั่ง pass เป็นคำสั่งที่ไม่ทำอะไรเลย ทำหน้าที่เป็น Pseudo Statement หลอกว่าในบล็อกย่อยมีคำสั่งแล้วทั้งที่จริงไม่มีคำสั่ง ตัวอย่างการใช้คำสั่ง pass คู่กับคำสั่ง if-else เช่น

Code:
if i > 10:
     pass   #เราไม่ต้องการใส่คำสั่งในบล็อกนี้
else:
     "i มีค่าไม่เกิน 10 สินะ"   #บล็อกนี้คือบล็อกที่เราต้องการใส่คำสั่งจริง



Label & Jump: กำหนดเพื่อข้าม

Label

label คือคำสั่งที่ตั้งชื่อเฉพาะให้แก่บรรทัดนั้น (ตั้งชื่อให้บรรทัดตัวเอง) คำสั่งที่ตามหลัง label จะเขียนเป็นบล็อกใหม่หรือบล็อกเดิมก็ได้ ไม่แตกต่างกัน รูปแบบของคำสั่ง label คือ

Code:
label ชื่อเฉพาะ:

เช่น label check: หมายถึงตั้งชื่อ check ให้แก่บรรทัดนั้น (บรรทัด label check) คำสั่ง label ไม่มีประโยชน์เมื่อใช้งานเดี่ยว ๆ เพราะไม่มีความจำเป็นที่ต้องตั้งชื่อให้แก่คำสั่งที่ตั้งชื่อให้ตัวเอง เปลืองบรรทัดเปล่า ๆ คำสั่ง label จะใช้คู่กับคำสั่ง jump

start คือชื่อเฉพาะที่โปรแกรม Ren'Py สงวนไว้ เกมจะเริ่มต้นทำงานที่ label start: เป็นลำดับแรกเสมอ (เปรียบเหมือนฟังก์ชัน main ในภาษา C) ดังนั้นคำสั่งทุกอย่างในเกมต้องอยู่ต่อจากบรรทัด label start: เสมอ เพื่อให้คำสั่งเหล่านั้นสามารถทำงานในเกมได้

[Image: 01.png]
รูปที่ 5.1 การทำงานของคำสั่ง label และ jump


Jump

jump คือคำสั่งที่ข้ามไปทำงานบรรทัดที่มีชื่อเฉพาะ หมายความว่าเราต้องตั้งชื่อเฉพาะให้แก่บรรทัดเป้าหมายด้วยคำสั่ง label ก่อน แล้วเราจึงสามารถข้ามไปยังบรรทัดเป้าหมายด้วยคำสั่ง jump ได้ เมื่อข้ามไปยังบรรทัดเป้าหมายแล้ว เกมจะทำงานต่อจากบรรทัดเป้าหมายไปเรื่อย ๆ ไม่กลับมาบรรทัดที่ต่อจากคำสั่ง jump อีก (เป็นการข้ามแบบถาวร) รูปแบบของคำสั่ง jump คือ

Code:
jump ชื่อเฉพาะ

ตัวอย่างการข้ามด้วยคำสั่ง jump เช่น

Code:
# บรรทัดนี้ทำงานเสมอ

jump check
# บรรทัดนี้จะไม่ทำงาน เพราะถูกข้ามไปยังบรรทัด label check:

label check:
     # บรรทัดนี้จะทำงาน

label always:
     # บรรทัดนี้ทำงานเสมอ แม้ว่าจะไม่ได้ข้ามมาบรรทัด label always: ก็ตาม

# บรรทัดนี้ทำงานเสมอ

สิ่งที่ต้องระวังคือคำสั่ง label ต้องตามท้ายด้วยเครื่องหมาย : แต่คำสั่ง jump ไม่มีเครื่องหมาย : ต่อท้าย อีกเรื่องที่ควรจำคือถ้าคำสั่งไม่ถูกข้าม เกมจะทำงานจากบรรทัดบนไปยังบรรทัดล่าง คำสั่งที่ต่อจากบรรทัด label สามารถทำงานได้โดยไม่ต้องเรียกใช้ด้วยคำสั่ง jump (เช่น คำสั่งที่ต่อจากบรรทัด label always: ในตัวอย่างข้างบน) นอกจากนี้ยังสามารถใช้คำสั่ง jump เพื่อข้ามไปยังบรรทัดที่อยู่ในไฟล์สคริปต์อื่นได้อีกด้วย เนื่องจากโปรแกรม Ren'Py มองไฟล์สคริปต์ทุกไฟล์รวมเข้าด้วยกัน



If-Else: ตรวจเงื่อนไข


......

นี่เพิ่งแค่ 39% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/08/ren...ter05.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


อะไรนะ! มีเกมแนว Visual Novel ที่ไหนไม่มีตัวเลือกให้ผู้เล่นบ้าง? ก็เกมแนว Visual Novel ที่สร้างกันในบทที่แล้วน่ะสิ สำหรับผู้อ่านที่ยังไม่ได้อ่านบทความชุด "Ren'Py พื้นฐาน" ตั้งแต่บทที่ 1 ถึงบทที่ 4 ผู้เขียนแนะนำให้ท่านย้อนกลับไปก่อนอ่านบทนี้ ในบทนี้ท่านจะได้เรียนเรื่องทิศทางการทำงานของเกมด้วยวิธีต่าง ๆ ได้แก่ การข้ามการทำงาน, การตรวจเงื่อนไข, การทำงานซ้ำ, และปิดท้ายบทนี้ด้วยการสร้างตัวเลือกให้เกมแนว Visual Novel ที่ผู้เล่นคุ้นเคยกัน

[Image: 05.png]



Block: เว้นวรรคหน้าคำสั่ง

ก่อนเรียนเรื่องใหม่ผู้เขียนต้องอธิบายเรื่องบล็อก (Block) ให้ท่านเข้าใจก่อน จะได้ไม่ต้องมาอธิบายเรื่องนี้ซ้ำบ่อย ๆ บล็อกคือกลุ่มของคำสั่งที่อยู่ในระดับเดียวกัน ผู้อ่านที่เคยเขียนโปรแกรมด้วยภาษา C หรือ Java คงจะคุ้นเคยกับเครื่องหมาย { } ที่ครอบคำสั่งหลายตัว นั่นคือการบอกว่าคำสั่งเหล่านี้อยู่ในบล็อกเดียวกันหรือระดับเดียวกัน (เช่น กลุ่มคำสั่งที่ต่อจาก if-else, while, function)

บล็อกคืออะไร? บล็อกคือกลุ่มคำสั่งที่จะทำงานเมื่ออยู่ในเงื่อนไขที่กำหนดเท่านั้น คำสั่งที่อยู่ในบล็อกเดียวกันจะมีระดับเดียวกัน เรื่องนี้อธิบายให้มือใหม่เข้าใจยาก เอาเป็นว่าบล็อกคืออะไรช่างมันก่อน เรียนวิธีใช้บล็อกกันไปก่อน แล้วค่อยทำความรู้จักบล็อกกันในหัวข้อที่ต้องใช้บล็อกกันอีกที

ในภาษา Ren'Py ไม่ได้ใช้เครื่องหมาย { } ในการแบ่งบล็อก แต่จะใช้การเว้นวรรคหน้าคำสั่งเพื่อแบ่งบล็อก (ห้ามใช้ Tab แทนการเว้นวรรค อ่านรายละเอียดใน "ข้อระวังท้ายบท" ใน Ren'Py พื้นฐาน | บทที่ 3 กล่องข้อความ) คำสั่งที่อยู่ในบล็อกเดียวกันต้องเว้นวรรคหน้าคำสั่งเท่ากัน การเว้นวรรคหน้าคำสั่งจะเว้นวรรคกี่ครั้งก็ได้ สำหรับบล็อกย่อยที่อยู่ภายในบล็อกใหญ่แล้ว บล็อกย่อยนั้นต้องมีจำนวนเว้นวรรคมากกว่าบล็อกใหญ่ ตัวอย่างเช่น

Code:
# บล็อกที่ 1 (คำสั่งที่ 1-1)
# บล็อกที่ 1 (คำสั่งที่ 1-2)

     # บล็อกที่ 2 (คำสั่งที่ 2-1)
     # บล็อกที่ 2 (คำสั่งที่ 2-2)

          # บล็อกที่ 3 (คำสั่งที่ 3-1)
          # บล็อกที่ 3 (คำสั่งที่ 3-2)

     # บล็อกที่ 2 (คำสั่งที่ 2-3)
     # บล็อกที่ 2 (คำสั่งที่ 2-4)

# บล็อกที่ 1 (คำสั่งที่ 1-3)

จากตัวอย่างข้างบนสังเกตว่าคำสั่งในบล็อกที่ 1 ไม่ได้เว้นวรรคหน้าคำสั่ง (หน้าบรรทัด) ถือว่าเป็นบล็อกที่ใหญ่ที่สุด บล็อกที่ 2 เป็นบล็อกย่อยที่อยู่ในบล็อกที่ 1 มีการเว้นวรรคหน้าบล็อกที่ 2 พอควร ต่อมาคือบล็อกที่ 3 เป็นบล็อกย่อยที่อยู่ในบล็อกที่ 2 อีกที สังเกตจากคำสั่งของบล็อกที่ 3 อยู่ต่อจากบล็อกที่ 2 และมีการเว้นวรรคมากกว่าบล็อกที่ 2

ถ้ามีหลายบล็อกแล้วคำสั่งที่อยู่ในบล็อกที่ใหญ่ที่สุดจะทำงานเป็นลำดับแรก (ในตัวอย่างคือบล็อกที่ 1) ทำงานจากบรรทัดบนไปยังบรรทัดล่าง ส่วนบล็อกย่อยจะทำงานเมื่อตรงตามเงื่อนไขเท่านั้น เช่น ถ้าไม่ตรงเงื่อนไขของบล็อกที่ 2 เกมจะข้ามบล็อกที่ 2 ทั้งหมด รวมทั้งบล็อกที่ 3 ซึ่งอยู่ในบล็อกที่ 2 อีกทีด้วย หมายความว่าเกมจะทำงานแค่สองบรรทัดแรกและบรรทัดสุดท้ายเท่านั้น เพราะสามบรรทัดนี้อยู่ในบล็อกที่ 1 ส่วนบรรทัดอื่นเกมจะมองเหมือนว่าไม่มีตัวตนอยู่

ถ้าผู้อ่านยังไม่เข้าใจตอนนี้ก็ไม่เป็นไร ขอให้จำง่าย ๆ ว่าคำสั่งที่อยู่ในบล็อกเดียวกันจะเว้นวรรคหน้าบรรทัดเท่ากัน (วิธีจำแบบนี้ไม่เป็นจริงเสมอไป แต่สำหรับมือใหม่จำแบบนี้ไปก่อน) เมื่อได้เรียนหัวข้ออื่นแล้วท่านจะเห็นภาพของบล็อกชัดเจนขึ้น ส่วนเงื่อนไขของบล็อกมีอะไรบ้าง เราจะเรียนกันในหัวข้อต่าง ๆ ในบทนี้


Pass

ในกรณีที่ภาษา Ren'Py บังคับให้ใส่บล็อกย่อย แต่เราไม่มีคำสั่งที่ต้องการใส่ในบล็อกย่อยนั้น ภาษา Ren'Py ไม่อนุญาตให้ปล่อยเป็นบล็อกเปล่าได้ วิธีแก้คือใส่คำสั่ง pass ในบล็อกย่อยนั้น คำสั่ง pass เป็นคำสั่งที่ไม่ทำอะไรเลย ทำหน้าที่เป็น Pseudo Statement หลอกว่าในบล็อกย่อยมีคำสั่งแล้วทั้งที่จริงไม่มีคำสั่ง ตัวอย่างการใช้คำสั่ง pass คู่กับคำสั่ง if-else เช่น

Code:
if i > 10:
     pass   #เราไม่ต้องการใส่คำสั่งในบล็อกนี้
else:
     "i มีค่าไม่เกิน 10 สินะ"   #บล็อกนี้คือบล็อกที่เราต้องการใส่คำสั่งจริง



Label & Jump: กำหนดเพื่อข้าม

Label

label คือคำสั่งที่ตั้งชื่อเฉพาะให้แก่บรรทัดนั้น (ตั้งชื่อให้บรรทัดตัวเอง) คำสั่งที่ตามหลัง label จะเขียนเป็นบล็อกใหม่หรือบล็อกเดิมก็ได้ ไม่แตกต่างกัน รูปแบบของคำสั่ง label คือ

Code:
label ชื่อเฉพาะ:

เช่น label check: หมายถึงตั้งชื่อ check ให้แก่บรรทัดนั้น (บรรทัด label check) คำสั่ง label ไม่มีประโยชน์เมื่อใช้งานเดี่ยว ๆ เพราะไม่มีความจำเป็นที่ต้องตั้งชื่อให้แก่คำสั่งที่ตั้งชื่อให้ตัวเอง เปลืองบรรทัดเปล่า ๆ คำสั่ง label จะใช้คู่กับคำสั่ง jump

start คือชื่อเฉพาะที่โปรแกรม Ren'Py สงวนไว้ เกมจะเริ่มต้นทำงานที่ label start: เป็นลำดับแรกเสมอ (เปรียบเหมือนฟังก์ชัน main ในภาษา C) ดังนั้นคำสั่งทุกอย่างในเกมต้องอยู่ต่อจากบรรทัด label start: เสมอ เพื่อให้คำสั่งเหล่านั้นสามารถทำงานในเกมได้

[Image: 01.png]
รูปที่ 5.1 การทำงานของคำสั่ง label และ jump


Jump

jump คือคำสั่งที่ข้ามไปทำงานบรรทัดที่มีชื่อเฉพาะ หมายความว่าเราต้องตั้งชื่อเฉพาะให้แก่บรรทัดเป้าหมายด้วยคำสั่ง label ก่อน แล้วเราจึงสามารถข้ามไปยังบรรทัดเป้าหมายด้วยคำสั่ง jump ได้ เมื่อข้ามไปยังบรรทัดเป้าหมายแล้ว เกมจะทำงานต่อจากบรรทัดเป้าหมายไปเรื่อย ๆ ไม่กลับมาบรรทัดที่ต่อจากคำสั่ง jump อีก (เป็นการข้ามแบบถาวร) รูปแบบของคำสั่ง jump คือ

Code:
jump ชื่อเฉพาะ

ตัวอย่างการข้ามด้วยคำสั่ง jump เช่น

Code:
# บรรทัดนี้ทำงานเสมอ

jump check
# บรรทัดนี้จะไม่ทำงาน เพราะถูกข้ามไปยังบรรทัด label check:

label check:
     # บรรทัดนี้จะทำงาน

label always:
     # บรรทัดนี้ทำงานเสมอ แม้ว่าจะไม่ได้ข้ามมาบรรทัด label always: ก็ตาม

# บรรทัดนี้ทำงานเสมอ

สิ่งที่ต้องระวังคือคำสั่ง label ต้องตามท้ายด้วยเครื่องหมาย : แต่คำสั่ง jump ไม่มีเครื่องหมาย : ต่อท้าย อีกเรื่องที่ควรจำคือถ้าคำสั่งไม่ถูกข้าม เกมจะทำงานจากบรรทัดบนไปยังบรรทัดล่าง คำสั่งที่ต่อจากบรรทัด label สามารถทำงานได้โดยไม่ต้องเรียกใช้ด้วยคำสั่ง jump (เช่น คำสั่งที่ต่อจากบรรทัด label always: ในตัวอย่างข้างบน) นอกจากนี้ยังสามารถใช้คำสั่ง jump เพื่อข้ามไปยังบรรทัดที่อยู่ในไฟล์สคริปต์อื่นได้อีกด้วย เนื่องจากโปรแกรม Ren'Py มองไฟล์สคริปต์ทุกไฟล์รวมเข้าด้วยกัน



If-Else: ตรวจเงื่อนไข


......

นี่เพิ่งแค่ 39% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/08/ren...ter05.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> <![CDATA[Ren'Py พื้นฐาน | บทที่ 4 ตัวแปรและตัวดำเนินการ]]> https://irpg.in.th/thread-3398.html Tue, 30 Jul 2019 20:14:32 +0700 Mikichan]]> https://irpg.in.th/thread-3398.html ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


บทนี้จะเป็นเนื้อหาเกี่ยวกับการเขียนโปรแกรม ผู้อ่านที่ไม่เคยเขียนโปรแกรมมาก่อนไม่ต้องกังวลไป โปรแกรม Ren'Py ใช้รูปแบบเดียวกับภาษา Python ซึ่งเข้าใจง่ายกว่าภาษาคอมพิวเตอร์หลายตัว (เช่น C, Java) จุดประสงค์ของบทนี้คือเพื่อให้ผู้อ่านใช้งานตัวแปรเบื้องต้นได้ ไม่ได้สอนภาษา Python เต็มตัว ผู้เขียนละเนื้อหาเชิงเทคนิคที่ซับซ้อนไว้ เพื่อให้นักสร้างเกมที่ไม่เคยเขียนโปรแกรมสามารถเข้าใจได้ง่าย ๆ สำหรับผู้อ่านที่ต้องการเขียนโปรแกรมเต็มตัวให้ศึกษาภาษา Python จากตำราสอนเขียนโปรแกรม

คำสั่งของโปรแกรม Ren'Py ไม่มีตัวแปรใด ๆ เลย นั่นหมายความว่าเราไม่สามารถเก็บข้อมูลลงหน่วยความจำได้ แต่เกมแนว Visual Novel หลายเกมจำเป็นต้องเก็บข้อมูล เช่น เก็บค่าความรักของนางเอก, หรือเก็บตัวเลือกที่ผู้เล่นเคยเลือก เพื่อนำไปสู่ฉากจบที่แตกต่างกัน กรณีที่ต้องใช้ตัวแปรหรือเก็บข้อมูลแบบนี้ ถึงคราวที่ต้องใช้ภาษา Python แล้วล่ะ!

เนื้อหาในบทนี้จะเป็นเนื้อหาทฤษฎี เราจะนำเนื้อหาในบทนี้ไปต่อยอด และลงมือปฏิบัติจริงกันในบทต่อไป

[Image: 01.png]



ประเภทของตัวแปร

ตัวแปร (Variable) คือสิ่งที่เก็บข้อมูล เมื่อเกมหรือโปรแกรมทำงานบางครั้งมีข้อมูลที่ต้องใช้งานต่อในอนาคต เราต้องเก็บข้อมูลนั้นไว้ สิ่งที่เก็บข้อมูลก็คือตัวแปร เมื่อถึงเวลาที่ต้องการก็เรียกใช้ข้อมูลจากตัวแปรนั้น

(เชิงเทคนิค : ในทางทฤษฎีตัวแปรเป็นเพียงสิ่งที่สมมติขึ้น เพื่อใช้อ้างอิงตำแหน่งที่เก็บข้อมูลในหน่วยความจำ ตัวแปรไม่ได้เก็บข้อมูลจริง ๆ แต่ตามตำรามักสอนว่าตัวแปรเก็บข้อมูล เพื่อให้คนที่เพิ่งเรียนเขียนโปรแกรมเข้าใจง่าย)

ตัวแปรที่ควรทราบในภาษา Python มี 2 ประเภทได้แก่
  • ตัวแปรตัวเลข (Number) เก็บข้อมูลที่เป็นจำนวนเต็ม (Integer) หรือทศนิยม (Floating-Point) เช่น 0, -5, 91, -12.67
  • ตัวแปรข้อความ (String) เก็บข้อมูลที่เป็นตัวอักษรหรือข้อความ เช่น "A", "Planila Game Developer", 'Visual Novel'
ภาษา Python แตกต่างจากหลายภาษา (เช่น C, Java) ตรงที่ตัวแปรจะถูกประกาศทันทีที่ใช้งาน ไม่ต้องประกาศตัวแปรล่วงหน้า และไม่ต้องระบุประเภทของตัวแปร วิธีใช้ตัวแปรเพียงแค่ใส่ชื่อของตัวแปร (Identifier) และกำหนดค่าให้ตัวแปร ถ้าตัวแปรนั้นไม่เคยมีมาก่อนจะถือว่าเป็นการประกาศตัวแปรโดยอัตโนมัติ และโปรแกรมจะเลือกประเภทของตัวแปรให้โดยอัตโนมัติ ตัวอย่างเช่น

Code:
$ a = -3   # ประกาศตัวแปร a (ประเภท integer) และเก็บค่า -3
$ relation = 12.65   # ประกาศตัวแปร relation (ประเภท floating-point) และเก็บค่า 12.65
$ name = "Planila"   # ประกาศตัวแปร name (ประเภท string) และเก็บค่า "Planila"

$ b = 3 * 5   # ประกาศตัวแปร b (ประเภท integer) และเก็บค่า 15
$ a = 9 + 2   # เก็บค่า 11 | บรรทัดนี้ไม่ใช่การประกาศตัวแปร เพราะตัวแปร a เคยถูกประกาศแล้ว

ตัวแปรตัวเลขแบ่งย่อยเป็นตัวแปรจำนวนเต็ม (Integer) และตัวแปรทศนิยม (Floating-Point) ความแตกต่างคือการเก็บค่าทศนิยม เช่น x = 1 เป็นตัวแปรจำนวนเต็ม, แต่ y = 1.0 เป็นตัวแปรทศนิยม (สังเกตจากการใส่จุดทศนิยม ไม่สนใจว่าเลขหลังทศนิยมคือเลขอะไร)

ข้อความหรือตัวอักษรที่ใส่ในตัวแปรข้อความต้องอยู่ในเครื่องหมาย ' ' หรือ " " เช่น name = 'Planila' หรือ name = "Planila" ก็มีค่าเหมือนกัน ภาษา Python ไม่มีตัวแปรตัวอักษร (Character) โดยเฉพาะเหมือนภาษา C ดังนั้นตัวแปรที่เก็บตัวอักษรเพียงตัวเดียวจะถูกจัดอยู่ในตัวแปรข้อความ


Boolean คือส่วนหนึ่งของ Integer

ภาษา Python ไม่มีตัวแปรตรรกศาสตร์ (Boolean) โดยเฉพาะเหมือนภาษา C หรือ Java แต่สามารถเก็บค่าทางตรรกศาสตร์ลงในตัวแปรจำนวนเต็มได้ (Boolean เป็นส่วนหนึ่งของ Integer) ผลลัพธ์ทางตรรกศาสตร์ในภาษา Python ได้แก่ 0 (และ 0.0) คือเท็จ (False) และนอกจากนั้นคือจริง (True) แต่โดยทั่วไปมักกำหนดให้จริงเท่ากับ 1 การกำหนดค่าตรรกศาสตร์ต้องใส่เป็นตัวเลขเท่านั้น เช่น love = 1 ไม่สามารถใส่เป็น True หรือ False ได้

นอกจากนี้ภาษา Python ยังมีตัวแปรประเภทอื่น เช่น Lists, Tuple, Set ตัวแปรเหล่านี้สามารถใช้ในโปรแกรม Ren'Py ได้ แต่ผู้เขียนจะไม่สอนในบทความนี้ เนื่องจากเป็นเนื้อหาที่ลึกและไม่จำเป็นสำหรับนักสร้างเกมมือใหม่



ตัวดำเนินการ (Operator)

นอกจากตัวแปรสามารถเก็บข้อมูลตามหัวข้อที่แล้ว เรายังสามารถคำนวณหรือเปรียบเทียบค่าแล้วเก็บลงในตัวแปรได้ การคำนวณหรือเปรียบเทียบต้องใช้ตัวดำเนินการ ตัวดำเนินการที่ควรทราบในภาษา Python ได้แก่


......

นี่เพิ่งแค่ 35% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/07/ren...ter04.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


บทนี้จะเป็นเนื้อหาเกี่ยวกับการเขียนโปรแกรม ผู้อ่านที่ไม่เคยเขียนโปรแกรมมาก่อนไม่ต้องกังวลไป โปรแกรม Ren'Py ใช้รูปแบบเดียวกับภาษา Python ซึ่งเข้าใจง่ายกว่าภาษาคอมพิวเตอร์หลายตัว (เช่น C, Java) จุดประสงค์ของบทนี้คือเพื่อให้ผู้อ่านใช้งานตัวแปรเบื้องต้นได้ ไม่ได้สอนภาษา Python เต็มตัว ผู้เขียนละเนื้อหาเชิงเทคนิคที่ซับซ้อนไว้ เพื่อให้นักสร้างเกมที่ไม่เคยเขียนโปรแกรมสามารถเข้าใจได้ง่าย ๆ สำหรับผู้อ่านที่ต้องการเขียนโปรแกรมเต็มตัวให้ศึกษาภาษา Python จากตำราสอนเขียนโปรแกรม

คำสั่งของโปรแกรม Ren'Py ไม่มีตัวแปรใด ๆ เลย นั่นหมายความว่าเราไม่สามารถเก็บข้อมูลลงหน่วยความจำได้ แต่เกมแนว Visual Novel หลายเกมจำเป็นต้องเก็บข้อมูล เช่น เก็บค่าความรักของนางเอก, หรือเก็บตัวเลือกที่ผู้เล่นเคยเลือก เพื่อนำไปสู่ฉากจบที่แตกต่างกัน กรณีที่ต้องใช้ตัวแปรหรือเก็บข้อมูลแบบนี้ ถึงคราวที่ต้องใช้ภาษา Python แล้วล่ะ!

เนื้อหาในบทนี้จะเป็นเนื้อหาทฤษฎี เราจะนำเนื้อหาในบทนี้ไปต่อยอด และลงมือปฏิบัติจริงกันในบทต่อไป

[Image: 01.png]



ประเภทของตัวแปร

ตัวแปร (Variable) คือสิ่งที่เก็บข้อมูล เมื่อเกมหรือโปรแกรมทำงานบางครั้งมีข้อมูลที่ต้องใช้งานต่อในอนาคต เราต้องเก็บข้อมูลนั้นไว้ สิ่งที่เก็บข้อมูลก็คือตัวแปร เมื่อถึงเวลาที่ต้องการก็เรียกใช้ข้อมูลจากตัวแปรนั้น

(เชิงเทคนิค : ในทางทฤษฎีตัวแปรเป็นเพียงสิ่งที่สมมติขึ้น เพื่อใช้อ้างอิงตำแหน่งที่เก็บข้อมูลในหน่วยความจำ ตัวแปรไม่ได้เก็บข้อมูลจริง ๆ แต่ตามตำรามักสอนว่าตัวแปรเก็บข้อมูล เพื่อให้คนที่เพิ่งเรียนเขียนโปรแกรมเข้าใจง่าย)

ตัวแปรที่ควรทราบในภาษา Python มี 2 ประเภทได้แก่
  • ตัวแปรตัวเลข (Number) เก็บข้อมูลที่เป็นจำนวนเต็ม (Integer) หรือทศนิยม (Floating-Point) เช่น 0, -5, 91, -12.67
  • ตัวแปรข้อความ (String) เก็บข้อมูลที่เป็นตัวอักษรหรือข้อความ เช่น "A", "Planila Game Developer", 'Visual Novel'
ภาษา Python แตกต่างจากหลายภาษา (เช่น C, Java) ตรงที่ตัวแปรจะถูกประกาศทันทีที่ใช้งาน ไม่ต้องประกาศตัวแปรล่วงหน้า และไม่ต้องระบุประเภทของตัวแปร วิธีใช้ตัวแปรเพียงแค่ใส่ชื่อของตัวแปร (Identifier) และกำหนดค่าให้ตัวแปร ถ้าตัวแปรนั้นไม่เคยมีมาก่อนจะถือว่าเป็นการประกาศตัวแปรโดยอัตโนมัติ และโปรแกรมจะเลือกประเภทของตัวแปรให้โดยอัตโนมัติ ตัวอย่างเช่น

Code:
$ a = -3   # ประกาศตัวแปร a (ประเภท integer) และเก็บค่า -3
$ relation = 12.65   # ประกาศตัวแปร relation (ประเภท floating-point) และเก็บค่า 12.65
$ name = "Planila"   # ประกาศตัวแปร name (ประเภท string) และเก็บค่า "Planila"

$ b = 3 * 5   # ประกาศตัวแปร b (ประเภท integer) และเก็บค่า 15
$ a = 9 + 2   # เก็บค่า 11 | บรรทัดนี้ไม่ใช่การประกาศตัวแปร เพราะตัวแปร a เคยถูกประกาศแล้ว

ตัวแปรตัวเลขแบ่งย่อยเป็นตัวแปรจำนวนเต็ม (Integer) และตัวแปรทศนิยม (Floating-Point) ความแตกต่างคือการเก็บค่าทศนิยม เช่น x = 1 เป็นตัวแปรจำนวนเต็ม, แต่ y = 1.0 เป็นตัวแปรทศนิยม (สังเกตจากการใส่จุดทศนิยม ไม่สนใจว่าเลขหลังทศนิยมคือเลขอะไร)

ข้อความหรือตัวอักษรที่ใส่ในตัวแปรข้อความต้องอยู่ในเครื่องหมาย ' ' หรือ " " เช่น name = 'Planila' หรือ name = "Planila" ก็มีค่าเหมือนกัน ภาษา Python ไม่มีตัวแปรตัวอักษร (Character) โดยเฉพาะเหมือนภาษา C ดังนั้นตัวแปรที่เก็บตัวอักษรเพียงตัวเดียวจะถูกจัดอยู่ในตัวแปรข้อความ


Boolean คือส่วนหนึ่งของ Integer

ภาษา Python ไม่มีตัวแปรตรรกศาสตร์ (Boolean) โดยเฉพาะเหมือนภาษา C หรือ Java แต่สามารถเก็บค่าทางตรรกศาสตร์ลงในตัวแปรจำนวนเต็มได้ (Boolean เป็นส่วนหนึ่งของ Integer) ผลลัพธ์ทางตรรกศาสตร์ในภาษา Python ได้แก่ 0 (และ 0.0) คือเท็จ (False) และนอกจากนั้นคือจริง (True) แต่โดยทั่วไปมักกำหนดให้จริงเท่ากับ 1 การกำหนดค่าตรรกศาสตร์ต้องใส่เป็นตัวเลขเท่านั้น เช่น love = 1 ไม่สามารถใส่เป็น True หรือ False ได้

นอกจากนี้ภาษา Python ยังมีตัวแปรประเภทอื่น เช่น Lists, Tuple, Set ตัวแปรเหล่านี้สามารถใช้ในโปรแกรม Ren'Py ได้ แต่ผู้เขียนจะไม่สอนในบทความนี้ เนื่องจากเป็นเนื้อหาที่ลึกและไม่จำเป็นสำหรับนักสร้างเกมมือใหม่



ตัวดำเนินการ (Operator)

นอกจากตัวแปรสามารถเก็บข้อมูลตามหัวข้อที่แล้ว เรายังสามารถคำนวณหรือเปรียบเทียบค่าแล้วเก็บลงในตัวแปรได้ การคำนวณหรือเปรียบเทียบต้องใช้ตัวดำเนินการ ตัวดำเนินการที่ควรทราบในภาษา Python ได้แก่


......

นี่เพิ่งแค่ 35% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/07/ren...ter04.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> <![CDATA[Ren'Py พื้นฐาน | บทที่ 3 กล่องข้อความ]]> https://irpg.in.th/thread-3396.html Tue, 23 Jul 2019 20:22:35 +0700 Mikichan]]> https://irpg.in.th/thread-3396.html ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


กล่องข้อความคือส่วนสำคัญในเกมแนว Visual Novel เนื่องจากเป็นส่วนที่แสดงคำพูดของตัวละคร โปรแกรมเกมเอนจิน Ren'Py มีลูกเล่นเกี่ยวกับกล่องข้อความมากมาย นักสร้างเกมสามารถสร้างกล่องข้อความสวย ๆ ได้อย่างง่ายดาย สำหรับผู้อ่านที่ต้องการใช้ภาษาไทยในโปรแกรม Ren'Py ให้ท่านเปลี่ยนฟอนต์ก่อนทดสอบเกม อ่านเพิ่มเติมได้ในหัวข้อ "เปลี่ยนฟอนต์ ขนาด และสีตัวอักษร (ทั้งเกม)"

กล่องข้อความในเกมที่สร้างด้วยโปรแกรม Ren'Py แบ่งเป็น 3 ส่วนดังรูปที่ 3.1 ได้แก่
  • ส่วนที่ 1 ชื่อตัวละคร
  • ส่วนที่ 2 ข้อความหรือคำพูดตัวละคร
  • ส่วนที่ 3 พื้นหลังกล่องข้อความ
[Image: 04.png]


คำสั่งที่แสดงข้อความในกล่องข้อความมี 2 รูปแบบ รูปแบบแรกมีสองส่วนคือส่วนชื่อตัวละครและส่วนคำพูดตัวละคร แต่ละส่วนอยู่ภายในเครื่องหมาย " " รูปแบบนี้เหมาะสำหรับคำพูดทั่วไป

Code:
"ชื่อตัวละคร" "คำพูดตัวละคร"

รูปแบบที่สองมีเพียงส่วนเดียวคือส่วนคำพูดตัวละครที่อยู่ในเครื่องหมาย " " คำสั่งรูปแบบนี้จะแสดงเฉพาะคำพูดตัวละคร ไม่แสดงชื่อตัวละคร รูปแบบนี้เหมาะสำหรับประโยคที่ตัวละครคิดในใจ หรือข้อความแจ้งเตือนจากเกม

Code:
"คำพูดตัวละคร"

ตัวอย่างคำสั่งที่ใช้แสดงข้อความในรูปที่ 3.1 คือ

Code:
"Aiya" "What are you doing? Why you don't knock the door!"



ประกาศตัวแปรเก็บชื่อตัวละคร

ก่อนเรียนเรื่องการใช้กล่องข้อความต่อ ผู้เขียนมีเทคนิคการใส่คำสั่งให้สั้นลง เกมแนว Visual Novel ต้องแสดงข้อความหรือคำพูดจำนวนมาก จึงต้องแสดงชื่อตัวละครเดิมซ้ำกันหลายครั้ง โปรแกรม Ren'Py มีเทคนิคที่จัดการกับชื่อตัวละคร แทนที่จะใส่ชื่อตัวละครเดิมซ้ำกันทุกครั้ง เราสามารถประกาศตัวแปรและใส่ชื่อตัวละครลงในตัวแปรแทนได้ในรูปแบบดังนี้

Code:
define ชื่อตัวแปร = Character('ชื่อตัวละคร')

ตัวอย่างเช่น ประกาศตัวแปร a แล้วใส่ชื่อตัวละคร Aiya ลงในตัวแปร a คำสั่งแสดงข้อความไม่ต้องใส่เครื่องหมาย " " ในส่วนชื่อตัวละครที่เป็นตัวแปร (ถ้าส่วนชื่อตัวละครไม่ใช่ตัวแปรจะต้องใส่เครื่องหมาย " " ทุกครั้ง) เราสามารถแสดงข้อความดังรูปที่ 3.1 ด้วยเทคนิคตัวแปรดังนี้

Code:
define a = Character('Aiya')
a "What are you doing? Why you don't knock the door!"

จากตัวอย่างข้างบนจะเห็นว่าใช้ตัวอักษรเพียงตัวเดียวคือ a เพื่อแสดงชื่อตัวละคร Aiya ซึ่งมีสี่ตัวอักษร ความสะดวกนี้จะเห็นได้ชัดเจนขึ้นเมื่อตัวละครมีชื่อยาว เช่น เก็บชื่อตัวละคร Princess Sofia de Lupier ลงตัวแปรชื่อ s แล้วเรียกใช้ชื่อตัวละครผ่านตัวแปร s ทำให้ไม่ต้องพิมพ์ชื่อยาว ๆ ทุกครั้งที่ใส่คำสั่งแสดงข้อความ การประกาศตัวแปรให้ประกาศเพียงครั้งเดียวก่อนใช้ จากนั้นสามารถใช้ตัวแปรนั้นได้ตลอดทั้งเกมโดยไม่ต้องประกาศตัวแปรใหม่ ถ้ามีตัวแปรที่เก็บชื่อตัวละครหลายตัวแปร ตัวแปรแต่ละตัวต้องมีชื่อที่ไม่ซ้ำกัน



ตัวอักษรพิเศษ

ตัวอักษรพิเศษ (Escape Character) เป็นตัวอักษรที่ไม่สามารถแสดงในกล่องข้อความด้วยวิธีปกติได้ เช่น เครื่องหมาย " " หรือการขึ้นบรรทัดใหม่ เนื่องจากติดข้อจำกัดคำสั่งของโปรแกรม Ren'Py แต่โปรแกรม Ren'Py มีทางออกด้วยการใช้ตัวอักษรพิเศษแทนการใส่ตัวอักษรนั้นเข้าไปตรง ๆ ตัวอักษรพิเศษได้แก่

ตัวอักษรที่ต้องการตัวอักษรพิเศษตัวอย่าง
\\\
"Game was saved in C:\\Highstories Star\\game\\saves\\auto-1-LT1.save"
"\"
a "My name is \"Aiya\"."
'\'
"Rika" "You love me or \'Aiya\'?"
เว้นวรรคติดกัน\  (backslash + space)
"Aiya" "JUMP \ JUMP \ JUMP"
ขึ้นบรรทัดใหม่\n
a "What are you doing?\nWhy you don't knock the door!"
[[[
"[[Aiya's underwear is very sexy.]"
{{{
"{{This room is too hot. Is not there an air-conditioner?}"

การใช้ตัวอักษรพิเศษให้ใส่ในข้อความที่ต้องการ เช่น ใส่ตัวอักษรพิเศษ \" เพื่อแสดงเครื่องหมาย " ในกล่องข้อความ ส่วนเครื่องหมาย \ เป็นเพียงการบอกว่านี่เป็นตัวอักษรพิเศษ เครื่องหมาย \ จะไม่ถูกแสดงในกล่องข้อความ ถ้าผู้อ่านต้องการใช้ตัวอักษรในตารางข้างบน ท่านต้องใช้ตัวอักษรพิเศษเท่านั้น ไม่สามารถใส่ตัวอักษรที่ต้องการโดยตรงได้

[Image: 02.png]
รูปที่ 3.2 การใช้ตัวอักษรพิเศษ \n เพื่อขึ้นบรรทัดใหม่

โดยทั่วไปโปรแกรม Ren'Py จะมองเว้นวรรคที่อยู่ติดกันเป็นเว้นวรรคเดียว ถ้าต้องการเว้นวรรคหลายครั้ง ต้องนำหน้าเว้นวรรคด้วยเครื่องหมาย \ ต่อเว้นวรรคหนึ่งครั้ง เพื่อให้โปรแกรม Ren'Py มองแยกเป็นหลายเว้นวรรค การแสดงเครื่องหมาย [ และ { ให้ใส่เครื่องหมายนั้นสองตัวติดกันเป็น [[ และ {{ แต่เครื่องหมาย ] และ } สามารถใส่ได้โดยตรง ไม่ต้องใส่ซ้ำสองตัว



เปลี่ยนฟอนต์ ขนาด และสีตัวอักษร (ทั้งเกม)


......

นี่เพิ่งแค่ 35% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/07/ren...ter03.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


กล่องข้อความคือส่วนสำคัญในเกมแนว Visual Novel เนื่องจากเป็นส่วนที่แสดงคำพูดของตัวละคร โปรแกรมเกมเอนจิน Ren'Py มีลูกเล่นเกี่ยวกับกล่องข้อความมากมาย นักสร้างเกมสามารถสร้างกล่องข้อความสวย ๆ ได้อย่างง่ายดาย สำหรับผู้อ่านที่ต้องการใช้ภาษาไทยในโปรแกรม Ren'Py ให้ท่านเปลี่ยนฟอนต์ก่อนทดสอบเกม อ่านเพิ่มเติมได้ในหัวข้อ "เปลี่ยนฟอนต์ ขนาด และสีตัวอักษร (ทั้งเกม)"

กล่องข้อความในเกมที่สร้างด้วยโปรแกรม Ren'Py แบ่งเป็น 3 ส่วนดังรูปที่ 3.1 ได้แก่
  • ส่วนที่ 1 ชื่อตัวละคร
  • ส่วนที่ 2 ข้อความหรือคำพูดตัวละคร
  • ส่วนที่ 3 พื้นหลังกล่องข้อความ
[Image: 04.png]


คำสั่งที่แสดงข้อความในกล่องข้อความมี 2 รูปแบบ รูปแบบแรกมีสองส่วนคือส่วนชื่อตัวละครและส่วนคำพูดตัวละคร แต่ละส่วนอยู่ภายในเครื่องหมาย " " รูปแบบนี้เหมาะสำหรับคำพูดทั่วไป

Code:
"ชื่อตัวละคร" "คำพูดตัวละคร"

รูปแบบที่สองมีเพียงส่วนเดียวคือส่วนคำพูดตัวละครที่อยู่ในเครื่องหมาย " " คำสั่งรูปแบบนี้จะแสดงเฉพาะคำพูดตัวละคร ไม่แสดงชื่อตัวละคร รูปแบบนี้เหมาะสำหรับประโยคที่ตัวละครคิดในใจ หรือข้อความแจ้งเตือนจากเกม

Code:
"คำพูดตัวละคร"

ตัวอย่างคำสั่งที่ใช้แสดงข้อความในรูปที่ 3.1 คือ

Code:
"Aiya" "What are you doing? Why you don't knock the door!"



ประกาศตัวแปรเก็บชื่อตัวละคร

ก่อนเรียนเรื่องการใช้กล่องข้อความต่อ ผู้เขียนมีเทคนิคการใส่คำสั่งให้สั้นลง เกมแนว Visual Novel ต้องแสดงข้อความหรือคำพูดจำนวนมาก จึงต้องแสดงชื่อตัวละครเดิมซ้ำกันหลายครั้ง โปรแกรม Ren'Py มีเทคนิคที่จัดการกับชื่อตัวละคร แทนที่จะใส่ชื่อตัวละครเดิมซ้ำกันทุกครั้ง เราสามารถประกาศตัวแปรและใส่ชื่อตัวละครลงในตัวแปรแทนได้ในรูปแบบดังนี้

Code:
define ชื่อตัวแปร = Character('ชื่อตัวละคร')

ตัวอย่างเช่น ประกาศตัวแปร a แล้วใส่ชื่อตัวละคร Aiya ลงในตัวแปร a คำสั่งแสดงข้อความไม่ต้องใส่เครื่องหมาย " " ในส่วนชื่อตัวละครที่เป็นตัวแปร (ถ้าส่วนชื่อตัวละครไม่ใช่ตัวแปรจะต้องใส่เครื่องหมาย " " ทุกครั้ง) เราสามารถแสดงข้อความดังรูปที่ 3.1 ด้วยเทคนิคตัวแปรดังนี้

Code:
define a = Character('Aiya')
a "What are you doing? Why you don't knock the door!"

จากตัวอย่างข้างบนจะเห็นว่าใช้ตัวอักษรเพียงตัวเดียวคือ a เพื่อแสดงชื่อตัวละคร Aiya ซึ่งมีสี่ตัวอักษร ความสะดวกนี้จะเห็นได้ชัดเจนขึ้นเมื่อตัวละครมีชื่อยาว เช่น เก็บชื่อตัวละคร Princess Sofia de Lupier ลงตัวแปรชื่อ s แล้วเรียกใช้ชื่อตัวละครผ่านตัวแปร s ทำให้ไม่ต้องพิมพ์ชื่อยาว ๆ ทุกครั้งที่ใส่คำสั่งแสดงข้อความ การประกาศตัวแปรให้ประกาศเพียงครั้งเดียวก่อนใช้ จากนั้นสามารถใช้ตัวแปรนั้นได้ตลอดทั้งเกมโดยไม่ต้องประกาศตัวแปรใหม่ ถ้ามีตัวแปรที่เก็บชื่อตัวละครหลายตัวแปร ตัวแปรแต่ละตัวต้องมีชื่อที่ไม่ซ้ำกัน



ตัวอักษรพิเศษ

ตัวอักษรพิเศษ (Escape Character) เป็นตัวอักษรที่ไม่สามารถแสดงในกล่องข้อความด้วยวิธีปกติได้ เช่น เครื่องหมาย " " หรือการขึ้นบรรทัดใหม่ เนื่องจากติดข้อจำกัดคำสั่งของโปรแกรม Ren'Py แต่โปรแกรม Ren'Py มีทางออกด้วยการใช้ตัวอักษรพิเศษแทนการใส่ตัวอักษรนั้นเข้าไปตรง ๆ ตัวอักษรพิเศษได้แก่

ตัวอักษรที่ต้องการตัวอักษรพิเศษตัวอย่าง
\\\
"Game was saved in C:\\Highstories Star\\game\\saves\\auto-1-LT1.save"
"\"
a "My name is \"Aiya\"."
'\'
"Rika" "You love me or \'Aiya\'?"
เว้นวรรคติดกัน\  (backslash + space)
"Aiya" "JUMP \ JUMP \ JUMP"
ขึ้นบรรทัดใหม่\n
a "What are you doing?\nWhy you don't knock the door!"
[[[
"[[Aiya's underwear is very sexy.]"
{{{
"{{This room is too hot. Is not there an air-conditioner?}"

การใช้ตัวอักษรพิเศษให้ใส่ในข้อความที่ต้องการ เช่น ใส่ตัวอักษรพิเศษ \" เพื่อแสดงเครื่องหมาย " ในกล่องข้อความ ส่วนเครื่องหมาย \ เป็นเพียงการบอกว่านี่เป็นตัวอักษรพิเศษ เครื่องหมาย \ จะไม่ถูกแสดงในกล่องข้อความ ถ้าผู้อ่านต้องการใช้ตัวอักษรในตารางข้างบน ท่านต้องใช้ตัวอักษรพิเศษเท่านั้น ไม่สามารถใส่ตัวอักษรที่ต้องการโดยตรงได้

[Image: 02.png]
รูปที่ 3.2 การใช้ตัวอักษรพิเศษ \n เพื่อขึ้นบรรทัดใหม่

โดยทั่วไปโปรแกรม Ren'Py จะมองเว้นวรรคที่อยู่ติดกันเป็นเว้นวรรคเดียว ถ้าต้องการเว้นวรรคหลายครั้ง ต้องนำหน้าเว้นวรรคด้วยเครื่องหมาย \ ต่อเว้นวรรคหนึ่งครั้ง เพื่อให้โปรแกรม Ren'Py มองแยกเป็นหลายเว้นวรรค การแสดงเครื่องหมาย [ และ { ให้ใส่เครื่องหมายนั้นสองตัวติดกันเป็น [[ และ {{ แต่เครื่องหมาย ] และ } สามารถใส่ได้โดยตรง ไม่ต้องใส่ซ้ำสองตัว



เปลี่ยนฟอนต์ ขนาด และสีตัวอักษร (ทั้งเกม)


......

นี่เพิ่งแค่ 35% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/07/ren...ter03.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> <![CDATA[Ren'Py พื้นฐาน | บทที่ 2 เริ่มต้นกับ Ren'Py]]> https://irpg.in.th/thread-3394.html Tue, 16 Jul 2019 23:43:54 +0700 Mikichan]]> https://irpg.in.th/thread-3394.html ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


นักสร้างเกมหลายคนอยากสร้างเกมแรกเร็ว ๆ ผู้เขียนจึงพยายามยัดพื้นฐานการสร้างเกมด้วย Ren'Py ภายในบทเดียว เมื่ออ่านบทนี้จนจบผู้อ่านจะสามารถสร้างเกมอย่างง่ายด้วยโปรแกรม Ren'Py ได้ ในบทนี้เราจะเรียนกันเรื่องการสร้างโปรเจ็กต์ใหม่ การทดสอบเกม การแสดงคำพูด การแสดงรูปพื้นหลัง การแสดงรูปตัวละคร และการใส่คอมเมนต์



สร้างโปรเจ็กต์ใหม่ และทดสอบเกม

หัวข้อนี้จะเรียนการสร้างโปรเจ็กต์เกมใหม่และการทดสอบเกม สาเหตุที่นำสองอย่างนี้มารวมในหัวข้อเดียวกันเพราะเป็นสิ่งที่ต้องใช้โปรแกรม Ren'Py จริง นอกจากนั้นจะเป็นการใส่คำสั่งด้วยโปรแกรมประเภท Text Editor นี่ฟังดูแปลก ถึงจะบอกว่าเป็นการสร้างเกมด้วยโปรแกรม Ren'Py แต่ส่วนใหญ่กลับไม่ได้ใช้โปรแกรม Ren'Py ในการสร้างเกม

[Image: 01.png]
รูปที่ 2.1 หน้าต่างโปรแกรม Ren'Py


การสร้างโปรเจ็กต์ใหม่

1. คลิก Create New Project ด้านซ้ายของโปรแกรม (ดูรูปที่ 2.1)
2. โปรแกรมจะแสดงข้อความ Information ให้คลิก Continue
3. ตั้งชื่อโปรเจ็กต์ (ตัวอักษรอังกฤษหรือตัวเลขเท่านั้น) จากนั้นคลิก Continue
4. เลือกขนาดหน้าต่างเกม แนะนำให้เลือกขนาด 1280 x 720 จากนั้นคลิก Continue
5. เลือกสีหลักของเกม การแสดงแบบเต็มจอหรือหน้าต่าง และความเร็วตัวอักษรในเกม จากนั้นคลิก Continue

[Image: 02.png]
รูปที่ 2.2 เลือกสีและตั้งค่าได้ตามใจชอบ


......

นี่เพิ่งแค่ 35% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/07/ren...ter02.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


นักสร้างเกมหลายคนอยากสร้างเกมแรกเร็ว ๆ ผู้เขียนจึงพยายามยัดพื้นฐานการสร้างเกมด้วย Ren'Py ภายในบทเดียว เมื่ออ่านบทนี้จนจบผู้อ่านจะสามารถสร้างเกมอย่างง่ายด้วยโปรแกรม Ren'Py ได้ ในบทนี้เราจะเรียนกันเรื่องการสร้างโปรเจ็กต์ใหม่ การทดสอบเกม การแสดงคำพูด การแสดงรูปพื้นหลัง การแสดงรูปตัวละคร และการใส่คอมเมนต์



สร้างโปรเจ็กต์ใหม่ และทดสอบเกม

หัวข้อนี้จะเรียนการสร้างโปรเจ็กต์เกมใหม่และการทดสอบเกม สาเหตุที่นำสองอย่างนี้มารวมในหัวข้อเดียวกันเพราะเป็นสิ่งที่ต้องใช้โปรแกรม Ren'Py จริง นอกจากนั้นจะเป็นการใส่คำสั่งด้วยโปรแกรมประเภท Text Editor นี่ฟังดูแปลก ถึงจะบอกว่าเป็นการสร้างเกมด้วยโปรแกรม Ren'Py แต่ส่วนใหญ่กลับไม่ได้ใช้โปรแกรม Ren'Py ในการสร้างเกม

[Image: 01.png]
รูปที่ 2.1 หน้าต่างโปรแกรม Ren'Py


การสร้างโปรเจ็กต์ใหม่

1. คลิก Create New Project ด้านซ้ายของโปรแกรม (ดูรูปที่ 2.1)
2. โปรแกรมจะแสดงข้อความ Information ให้คลิก Continue
3. ตั้งชื่อโปรเจ็กต์ (ตัวอักษรอังกฤษหรือตัวเลขเท่านั้น) จากนั้นคลิก Continue
4. เลือกขนาดหน้าต่างเกม แนะนำให้เลือกขนาด 1280 x 720 จากนั้นคลิก Continue
5. เลือกสีหลักของเกม การแสดงแบบเต็มจอหรือหน้าต่าง และความเร็วตัวอักษรในเกม จากนั้นคลิก Continue

[Image: 02.png]
รูปที่ 2.2 เลือกสีและตั้งค่าได้ตามใจชอบ


......

นี่เพิ่งแค่ 35% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/07/ren...ter02.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> <![CDATA[Ren'Py พื้นฐาน | บทที่ 1 สร้างเกม Visual Novel ด้วย Ren'Py]]> https://irpg.in.th/thread-3393.html Tue, 09 Jul 2019 06:45:45 +0700 Mikichan]]> https://irpg.in.th/thread-3393.html ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


เกมแนว Visual Novel หรือที่คุ้นเคยว่าเกมจีบสาว/เกมจีบหนุ่มเป็นเกมอีกแนวที่ได้รับความนิยม ตัวเกมแนว Visual Novel สร้างง่ายกว่าเกมแนวอื่น เพียงแค่ใส่ภาพ เสียง และตัวอักษรก็ได้เป็นเกมแล้ว จริง ๆ แล้วเกม Visual Novel ไม่จำเป็นต้องเป็นเกมจีบสาวหรือเกมจีบหนุ่มเท่านั้น แนวคิดของเกม Visual Novel คือนิยายที่นำเสนอออกมาเป็นภาพให้ผู้อ่านเข้าใจเนื้อเรื่องได้ จะเป็นนิยายต่อสู้ แฟนตาซี หรือว่าอะไรก็ได้ เพียงแค่นิยายจีบสาวหรือจีบหนุ่มได้รับความนิยมสร้างเป็นเกม Visual Novel มากกว่าเนื้อเรื่องแบบอื่นเท่านั้นเอง

บทความ "Ren'Py พื้นฐาน" ชุดนี้จะสอนสร้างเกมแนว Visual Novel ด้วยโปรแกรมเกมเอนจิน Ren'Py ผู้เขียนแนะนำให้ใช้โปรแกรม Ren'Py เนื่องจากเป็นโปรแกรมฟรี คุณภาพดี ได้รับความนิยม และมีเกม Visual Novel หลายเกมที่สร้างด้วยโปรแกรม Ren'Py ส่วนโปรแกรมเกมเอนจินตัวอื่นที่เสียเงินซื้อผู้เขียนลองดูแล้วสามารถสร้างเกม Visual Novel ได้ไม่แตกต่างจากเกมที่สร้างด้วย Ren'Py นักเท่าไร คงเป็นเพราะเกมแนว Visual Novel ไม่ได้มีลูกเล่นอะไรมากอยู่แล้ว ดังนั้นผู้เขียนจึงแนะนำให้ใช้โปรแกรม Ren'Py ซึ่งเป็นโปรแกรมฟรีจะดีกว่า

[Image: 01.png]
รูปที่ 1.1 เกมแนว Visual Novel ที่สร้างด้วยโปรแกรม Ren'Py

บทความที่เกี่ยวข้อง
เกมเอนจิน (Game Engine) คืออะไร?



แนะนำโปรแกรม Ren'Py

Ren'Py คือโปรแกรมเกมเอนจินสำหรับสร้างเกมแนว Visual Novel (VN) วิธีสร้างเกมด้วยโปรแกรม Ren'Py คือการใส่คำสั่ง (Code) ลงในไฟล์สคริปต์ของเกมด้วยโปรแกรมประเภท Text Editor (เช่น Notepad) จากนั้นจึงแปลคำสั่ง (Compile) ด้วยโปรแกรม Ren'Py เพื่อให้ได้ออกมาเป็นเกม

โปรแกรม Ren'Py แตกต่างจากโปรแกรมเกมเอนจินสำหรับสร้าง Visual Novel ตัวอื่นตรงที่ต้องใช้งานคู่กับโปรแกรมอื่น (ซึ่งหมายถึง Text Editor) ไม่ได้สร้างเกมด้วยการคลิกปุ่มต่าง ๆ จนออกมาเป็นเกม ส่วนนี้อาจทำให้นักสร้างเกมที่ไม่ชอบการเขียนโปรแกรมไม่ชอบโปรแกรมนี้ แต่ไม่ต้องกังวลไป ถ้าเทียบกับการเขียนโปรแกรมอย่าง Java หรือ Visual Basic แล้ว คำสั่งของโปรแกรม Ren'Py นั้นเข้าใจง่ายและเรียนรู้ง่ายกว่ากันเยอะเลย ผู้เขียนได้เลือกโปรแกรมมาให้เหมาะสำหรับนักสร้างเกมมือใหม่แล้ว

[Image: 02.png]
รูปที่ 1.2 โปรแกรม Ren'Py

หน้าต่างของโปรแกรม Ren'Py นั้นไม่มีอะไรมาก โปรแกรมมีลักษณะดังรูปที่ 1.2 ฝั่งซ้ายของโปรแกรมคือส่วนจัดการโปรเจ็กต์เกม เช่น สร้างโปรเจ็กต์ใหม่ หรือเปิดโปรเจ็กต์เดิม ฝั่งขวาคือส่วนจัดการไฟล์ต่าง ๆ ของเกม รวมถึงเครื่องมือต่าง ๆ ในการพัฒนาเกม ปุ่ม Launch Project ด้านล่างขวาคือปุ่มที่ใช้สำหรับทดสอบเกม ด้านล่างเป็นส่วนข้อมูลต่าง ๆ ของโปรแกรม Ren'Py


......

นี่เพิ่งแค่ 39% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/07/ren...ter01.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> ติดตามเราได้ที่ Facebook ชื่อเพจ Planila Game Developer


เกมแนว Visual Novel หรือที่คุ้นเคยว่าเกมจีบสาว/เกมจีบหนุ่มเป็นเกมอีกแนวที่ได้รับความนิยม ตัวเกมแนว Visual Novel สร้างง่ายกว่าเกมแนวอื่น เพียงแค่ใส่ภาพ เสียง และตัวอักษรก็ได้เป็นเกมแล้ว จริง ๆ แล้วเกม Visual Novel ไม่จำเป็นต้องเป็นเกมจีบสาวหรือเกมจีบหนุ่มเท่านั้น แนวคิดของเกม Visual Novel คือนิยายที่นำเสนอออกมาเป็นภาพให้ผู้อ่านเข้าใจเนื้อเรื่องได้ จะเป็นนิยายต่อสู้ แฟนตาซี หรือว่าอะไรก็ได้ เพียงแค่นิยายจีบสาวหรือจีบหนุ่มได้รับความนิยมสร้างเป็นเกม Visual Novel มากกว่าเนื้อเรื่องแบบอื่นเท่านั้นเอง

บทความ "Ren'Py พื้นฐาน" ชุดนี้จะสอนสร้างเกมแนว Visual Novel ด้วยโปรแกรมเกมเอนจิน Ren'Py ผู้เขียนแนะนำให้ใช้โปรแกรม Ren'Py เนื่องจากเป็นโปรแกรมฟรี คุณภาพดี ได้รับความนิยม และมีเกม Visual Novel หลายเกมที่สร้างด้วยโปรแกรม Ren'Py ส่วนโปรแกรมเกมเอนจินตัวอื่นที่เสียเงินซื้อผู้เขียนลองดูแล้วสามารถสร้างเกม Visual Novel ได้ไม่แตกต่างจากเกมที่สร้างด้วย Ren'Py นักเท่าไร คงเป็นเพราะเกมแนว Visual Novel ไม่ได้มีลูกเล่นอะไรมากอยู่แล้ว ดังนั้นผู้เขียนจึงแนะนำให้ใช้โปรแกรม Ren'Py ซึ่งเป็นโปรแกรมฟรีจะดีกว่า

[Image: 01.png]
รูปที่ 1.1 เกมแนว Visual Novel ที่สร้างด้วยโปรแกรม Ren'Py

บทความที่เกี่ยวข้อง
เกมเอนจิน (Game Engine) คืออะไร?



แนะนำโปรแกรม Ren'Py

Ren'Py คือโปรแกรมเกมเอนจินสำหรับสร้างเกมแนว Visual Novel (VN) วิธีสร้างเกมด้วยโปรแกรม Ren'Py คือการใส่คำสั่ง (Code) ลงในไฟล์สคริปต์ของเกมด้วยโปรแกรมประเภท Text Editor (เช่น Notepad) จากนั้นจึงแปลคำสั่ง (Compile) ด้วยโปรแกรม Ren'Py เพื่อให้ได้ออกมาเป็นเกม

โปรแกรม Ren'Py แตกต่างจากโปรแกรมเกมเอนจินสำหรับสร้าง Visual Novel ตัวอื่นตรงที่ต้องใช้งานคู่กับโปรแกรมอื่น (ซึ่งหมายถึง Text Editor) ไม่ได้สร้างเกมด้วยการคลิกปุ่มต่าง ๆ จนออกมาเป็นเกม ส่วนนี้อาจทำให้นักสร้างเกมที่ไม่ชอบการเขียนโปรแกรมไม่ชอบโปรแกรมนี้ แต่ไม่ต้องกังวลไป ถ้าเทียบกับการเขียนโปรแกรมอย่าง Java หรือ Visual Basic แล้ว คำสั่งของโปรแกรม Ren'Py นั้นเข้าใจง่ายและเรียนรู้ง่ายกว่ากันเยอะเลย ผู้เขียนได้เลือกโปรแกรมมาให้เหมาะสำหรับนักสร้างเกมมือใหม่แล้ว

[Image: 02.png]
รูปที่ 1.2 โปรแกรม Ren'Py

หน้าต่างของโปรแกรม Ren'Py นั้นไม่มีอะไรมาก โปรแกรมมีลักษณะดังรูปที่ 1.2 ฝั่งซ้ายของโปรแกรมคือส่วนจัดการโปรเจ็กต์เกม เช่น สร้างโปรเจ็กต์ใหม่ หรือเปิดโปรเจ็กต์เดิม ฝั่งขวาคือส่วนจัดการไฟล์ต่าง ๆ ของเกม รวมถึงเครื่องมือต่าง ๆ ในการพัฒนาเกม ปุ่ม Launch Project ด้านล่างขวาคือปุ่มที่ใช้สำหรับทดสอบเกม ด้านล่างเป็นส่วนข้อมูลต่าง ๆ ของโปรแกรม Ren'Py


......

นี่เพิ่งแค่ 39% ของบทความนี้เท่านั้น บทความฉบับเต็มมีเยอะกว่านี้อีก!


เนื่องจากติดปัญหาเรื่องนโยบายการเผยแพร่บทความ ทำให้เราไม่สามารถเผยแพร่บทความฉบับเต็มลงในเว็บนี้ได้ อ่านฉบับเต็มได้ที่บทความต้นฉบับ (ไม่มีค่าใช้จ่าย)

บทความต้นฉบับ https://planila.blogspot.com/2019/07/ren...ter01.html

[Image: %25E0%25B8%259A%25E0%25B8%2597%25E0%25B8...9%2588.png]]]> <![CDATA[มีปัญหาในการใช้ครับ]]> https://irpg.in.th/thread-2277.html Wed, 11 Mar 2015 22:13:20 +0700 superowas]]> https://irpg.in.th/thread-2277.html [Image: 6Cg2knQ.png]

ในจุดที่วงไว้ผมคลิกเข้าไปเพื่อจะไปแก้สคริปครับ แต่ผลคือกดแล้วไม่ขึ้นครับ
ผมเลยลองคลิกอีกหลายๆรอบ แต่สุดท้ายก็ไม่ขึ้น แบบนี้ให้ทำยังไงเหรอครับ]]> [Image: 6Cg2knQ.png]

ในจุดที่วงไว้ผมคลิกเข้าไปเพื่อจะไปแก้สคริปครับ แต่ผลคือกดแล้วไม่ขึ้นครับ
ผมเลยลองคลิกอีกหลายๆรอบ แต่สุดท้ายก็ไม่ขึ้น แบบนี้ให้ทำยังไงเหรอครับ]]> <![CDATA[[ renpy ] มีคำถามสอบถามครับ รบกวนหน่อยครับ]]> https://irpg.in.th/thread-1797.html Mon, 21 Apr 2014 00:56:21 +0700 jin]]> https://irpg.in.th/thread-1797.html
ถ้าต้องการให้มีตัวละคร2ตัว ใน 1 ฉาก ต้องกำหนดจุดตัวละครอย่างไร
เช่นต้องการให้ a1 อยู่ด้านซ้ายของฉาก ฟ2 อยู่ด้านขวาของฉาก

[Image: 0newcanvas.png]

ถ้าต้องการให้ แบ็คกราว เคลื่อนต้องใช้คำสั่งอย่างไร เช่นฉากเดิน

การสร้างตัวเลือกตอบคำถาม ต้องใช้คำสั่งใด
เช่นสร้างตัวเลือก3-4ข้อ แล้่วตอบคำถาม

รบกวนผู้ที่รู้ ช่วยตอบคำถามผมทีครับ ขอบคุณมากๆครับผม]]>
ถ้าต้องการให้มีตัวละคร2ตัว ใน 1 ฉาก ต้องกำหนดจุดตัวละครอย่างไร
เช่นต้องการให้ a1 อยู่ด้านซ้ายของฉาก ฟ2 อยู่ด้านขวาของฉาก

[Image: 0newcanvas.png]

ถ้าต้องการให้ แบ็คกราว เคลื่อนต้องใช้คำสั่งอย่างไร เช่นฉากเดิน

การสร้างตัวเลือกตอบคำถาม ต้องใช้คำสั่งใด
เช่นสร้างตัวเลือก3-4ข้อ แล้่วตอบคำถาม

รบกวนผู้ที่รู้ ช่วยตอบคำถามผมทีครับ ขอบคุณมากๆครับผม]]>