Renpy-การทำภาพขยับ







ตัวอย่าง

 

โค้ด

<เขียนก่อน label start ใน script.rpy ดังนี้>

 

image eileen animated:
    "eileen_happy.png"
    pause 1.0  # เวลา
    "eileen_vhappy.png"
    pause 1.0 # เวลา
    repeat

 

วิธีใช้ (label start:)
  
    show eileen animated

 

 

ดูเพิ่มเติมได้ที่ http://www.thaigraph.com/thread-2434-1-3.html

Renpy-กรอบตัวเลือก

ถ้าต้องการเปลี่ยนให้ใส่โค้ดเพิ่มที่ options.rpy

    style.menu_choice_button.background = Frame("ชื่อรูป.png",25,15)
    style.menu_choice_button.hover_background = Frame("ชื่อรูป.png",25,15)
    style.menu_choice_button.yminimum = 50 #<----ความกว้างของกรอบ
    style.menu_choice_button.xminimum = 450 #<---ความยาวของกรอบ

การย้ายตำแหน่งตัวเลือกไม่ใช้ทับภาพ
- ให้แก้ที่ screens.rpy ช่วง Choice

    window:
        style "menu_window"
        xalign 0.85
        yalign 0.45

 

 ดูเพิ่มเติมได้ที่ http://www.thaigraph.com/thread-2429-1-2.html

Renpy-การทำภาพเลื่อนไปมา

<  label start: ใน script.rpy>

โค้ด (แบบที่1)
show ชื่อรูป at left/center/right
with move

โค้ด (แบบที่2)
show ชื่อรูป at Position(xalign=0.0,yalign=0.2)
with move

ดูเพิ่มเติมได้ที่ http://vashiya.exteen.com/20110804/renpy-programming-5-position-and-movement

แนะนำเว็บเลือกชุดสี

เพื่อความสะดวกในการออกแบบ
เข้าไปดูที่นี่ได้เลยจ้า

http://www.select2web.com/other/colour-lover.html

แนะนำตัวกันนิดนะจ๊ะ

สวัสดีค่ะ ทุกๆคน

 

สื่อการสอนที่เราได้จัดทำขึ้นมาจากประสบการณ์ ไม่ได้เก่งมาก แต่สามารถนำไปใช้กันได้นะ

เราจะทำวีดีโอสั้นๆ แยกเป็นเรื่องๆไป เพื่อความสะดวกในการค้นหา และสิ่งที่เกี่ยวข้องกับการสร้างเกมด้วยโปรแกรม renpy จึงอาจมีโปรแกรมอื่นๆมาด้วย
หวังว่าทุกคนที่ได้ดูจะทำกันได้นะคะ

มีปัญหาสงสัยเขียนมาได้ที่ ...
https://www.facebook.com/makerenpy

ภาพตัวอย่างเกม

ภาพตัวอย่างเกม

เกมชี้แจงหาเพื่อนสร้างเกมRenpy
http://www.4shared.com/zip/2Acu2bhqce/LockMakeRenpy.html
(ที่เขียน [Lock]เพราะเรายังไม่ได้สอนเรื่องนี้ จึงดู code ไม่ได้ แต่กดเล่นได้ตามปกตินะคะ)

Renpy-การใส่เสียงประกอบ

การใส่เสียงหน้าเมนู
<ช่วง These settings let you change some of the sounds that are used by ใน options.rpy>
โค้ด

config.main_menu_music = "สถานที่ที่ไฟล์อยู่/ชื่อไฟล์.wav"

โค้ด

<  label start: บรรทัดต่อมา ใน script.rpy>

 stop music

 

 จำเป็นต้องใส่ เพราะถ้าไม่ใส่โค้ดนี้ไว้ เพลงจะเล่นวนไปมาไม่เลิก แม้กดเข้าเล่นเกมแล้ว

การใส่เสียงตัวละคร
<ช่วง These settings let you change some of the sounds that are used by ใน options.rpy>
โค้ด

 

config.has_voice = True

 

 

 

 

การใช้

 <  label start: ใน script.rpy>

โค้ด

  voice "สถานที่ที่ไฟล์อยู่/ชื่อไฟล์.wav "

 

การใส่เสียงดนตรี
<  label start: ใน script.rpy>
 โค้ด
 play music "สถานที่ที่ไฟล์อยู่/ชื่อไฟล์.wav"

เลิกใช้
 stop music

Renpy-การบ้านครั้งที่ 1

จงเลือกทำนิทานอีสป เรื่องสั้น นิยาย หรือเรื่องอะไรก็ได้มา 1 เรื่อง
โดยต้องมีตามตัวอย่างงาน Work1 ดังต่อไปนี้

1. การเปลี่ยนฟอนต์เป็นภาษาไทย
2. การทำตัวเลือก
3. โค้ดจัดการข้อความ
4. การใส่ภาพตัวละคร และพื้นหลัง
5. การเรียกหาไฟล์ต่างแฟ้ม
6. การใส่ภาพตัวละครในบทสนทนา
7. การใส่เสียงประกอบ
8. การเปลี่ยนภาพหน้าเมนู
9. การทำไตเติ้ลก่อนเข้าหน้าเมนู
10. การใส่รูปนำหน้าชื่อเกม หรือ Icon
11. การสร้างไฟล์ซิปเกม (ทั่วไป เพราะจะได้ตรวจดูโค้ดได้)

ภาพตัวอย่างเกม

ผลงาน Work1 (สมบูรณ์)

ไฟล์งานอยู่ที่นี่ ให้คลิกเข้าไปดูตัวอย่างกันก่อน แล้วค่อยโหลดไฟล์ด้านล่างกันนะ

 สอนทำการบ้าน

1

2

 

Renpy-การเปลี่ยนภาพหน้าเมนู

การเปลี่ยนภาพแบบธรรมดา

<ช่วง Themes ใน options.rpy>

mm_root = "ตำแหน่งไฟล์/ชื่อไฟล์.png",

ตัวอย่าง

 

 

การเปลี่ยนภาพแบบสร้างเอง 

แก้ที่ screens.rpyc ช่วง # Main Menu

screen main_menu():

    # This ensures that any other menu screen is replaced.
    tag menu

    imagemap:
        ground "images/main.png" # ภาพพื้นหลัก
        idle "images/main.png" #ภาพปุ่ม
        hover "images/main_hover.png" #ภาพปุ่มเมื่อเมาส์โดน
      
        hotspot (48, 408, 222, 440) action Start()
        hotspot (48, 440, 222, 467) action ShowMenu("load")
        hotspot (48, 467, 222, 500) action ShowMenu("preferences")
        hotspot (48, 500, 222, 531) action OpenURL("https://www.facebook.com/makerenpy")
        hotspot (48, 531, 222, 560) action Quit(confirm=False)

 

ลบของเก่าทิ้ง

 

 

 

ตัวอย่าง

 

 

 

 

ถ้าต้องการเปลี่ยนเป็นภาษาไทย

<แก้ที่ Navigation>

 

        textbutton _("Return") action Return()
        textbutton _("Setting") action ShowMenu("preferences")
        textbutton _("Save Game") action ShowMenu("save")
        textbutton _("Load Game") action ShowMenu("load")
        textbutton _("Main Menu") action MainMenu()
        textbutton _("Creator") action OpenURL("https://www.facebook.com/makerenpy")
        textbutton _("Quit") action Quit()

 

ตัวอย่าง

 

 

ไฟล์งานตัวอย่าง

> Nihongo wo renshuu shimashou
http://www.4shared.com/archive/7qPAozpece/Nihongo_wo_renshuu_shimashou-1.html
 

ดูเพิ่ม

http://lemmasoft.renai.us/forums/viewtopic.php?f=8&t=9812

และ http://lemmasoft.renai.us/forums/viewtopic.php?f=8&t=14237

 

Renpy-การทำไตเติ้ลก่อนเข้าหน้าเมนู

มีอยู่ 4 แบบให้ใส่ไว้ก่อน label start: ใน script.rpy ที่ label splashscreen: เท่านั้น

 

1. แบบตัวหนังสือ

โค้ด

label splashscreen:

    scene black

    show text "เขียนที่นี่..."

    with dissolve

    with Pause(1.0)

    hide text

    with dissolve   

return

 

 

 

2.แบบรูปภาพ

โค้ด

init:
    image splash = "ภาพ.png"

label splashscreen:
    $ renpy.pause(0)
    scene black
    with Pause(0.5)

    show splash
    with dissolve
    with Pause(2.0)

    scene black
    with dissolve
    with Pause(1.0)

return

 

 

 

 

3.แบบวีดีโอ

โค้ด

label splashscreen:
    $ renpy.movie_cutscene("'วีดีโอ.ogv")
return

 

(โค้ดใช้ไม่ได้ และแก้ไม่ได้ ใครรู้บอกหน่อยนะ)

 

 

 

ข้อมูลเพิ่มเติมเกี่ยวกับวีดีโอ http://www.renpy.org/wiki/renpy/doc/reference/Movies

 

 

 

 

Renpy-การใส่รูปนำหน้าชื่อเกม หรือ Icon

1. เตียมรูปขนาดสี่เหลี่ยมจตุรัส ขนาดเท่าไรก็ได้แต่ต้องไม่เล็กเกินไป 
2. นำภาพที่ได้แปลงไฟล์สกุลเป็น .ico โดยเว็บ http://toolson.org/IconGenerator/Create 
• การใช้งาน
  
   
  

  

  แนะนำตั้งขนาดเป็น 32x32

   
  
  
3. นำภาพ .ico ไปวางที่โฟลเดอร์ Game
• ตัวอย่าง
  
•  
4. เขียนโค้ดเพิ่มที่ options.rpy ว่า config.window_icon = "icon.ico"
• ตัวอย่าง 
  
• ไม่จำเป็นต้องแปลงเป็นไฟล์สกุล .ico ก็ได้ แต่เพื่อความสะดวกจึงทำครั้งเดียวและวางไว้สองที่
5. เสร็จการใส่รูปนำหน้าชื่อเกม
6. หากต้องการเป็นไอคอนคลิกเล่นเกม ให้นำไว้วางหน้าโฟเดอร์ Game
• ตัวอย่าง 
  

ตัวอย่างงานที่ได้

 

 

 



Renpy-การทำตัวเลือก

<  label start: ใน script.rpy>

menu:

 "ตัวเลือกที่1":

  jump ชื่อที่1

  ตัวเลือกที่ 2":

  jump ชื่อที่2

    

label ชื่อที่1:

 jump ชื่อที่2

label ชื่อที่2:

 

ตัวอย่าง



ตัวอย่างโค้ด

ตัวอย่างที่ได้

 

การทำแบบกำหนดเวลา

ให้เขียนเพิ่มด้านบนว่า

 

    $ ui.timer(5.0, ui.jumps("menu_slow"))
    menu:

 

 

 







อ่านเพิ่มเติมได้ที่  http://vashiya.exteen.com/20110412/renpy-programming-1-label-jump-call-init-image

และ http://www.thaigraph.com/thread-2523-1-3.html

 

 

Renpy-การใส่ภาพตัวละครในบทสนทนา

แบบภาพเดียว
< ก่อน label start: ใน script.rpy>

 init:
    $ k = Character('boy',
    color="#FCFC68", what_color="#696969",
    window_left_padding=200,
    show_side_image=Image
    ("images/bfight.png",
    xalign=0.0, yalign=1.0)) 

 

แบบเปลี่ยนภาพไปตามความรู้สึก

< ก่อน label start: ใน script.rpy>

init:
     $ t = Character('ครูเอ',
     color="#f14e80", what_color="#696969",
     window_left_padding=200,
     show_side_image=ConditionSwitch(
     "aa == 'g'", "images/gangry.png",
     "aa == 'c'", "images/gcry.png",
     "aa == 'sad'", "images/gsad.png",
     "aa == 'say'", "images/gsay.png",
     "aa == 's'", "images/gsmile.png",
     None, Null(),
     xalign=0.025, yalign=1.0))

 

 

การใช้

<  label start: ใน script.rpy>

 

$ aa = 'say'

 

 

 

ตัวอย่าง

 

แบบภาพเดียว คือ ไม่ว่าพูดอะไรก็ใช้ภาพนี้






แบบเปลี่ยนภาพไปตามความรู้สึก



Renpy-การกั้นไม่ให้ย้อนกลับบทสนทนาได้

การย้อนกลับ คือ การเลื่อนเมาส์กลางขึ้น และลง คือการไปบทสนทนาปัจจุบัน

ให้ใส่โค้ดด้านล่างนี้ที่ options.rpy
    config.rollback_enabled = False
    config.hard_rollback_limit = config.rollback_length
 ถ้า True คืออนุญาตให้ผู้เล่นสามารถย้อนกลับได้

Renpy-การใส่ภาพตัวละคร และพื้นหลัง

 การใส่รูปทั่วไป (รูปตัวละคร และพื้นหลัง)

 < ก่อน label start: ใน script.rpy>

image ชื่อ = "สถานที่ที่ไฟล์อยู่/ชื่อไฟล์"

การใช้ภาพพื้นหลัง

< label start: ใน script.rpy>

    scene ชื่อ

การใช้ภาพตัวละคร

     show ชื่อ at left / center / right

การซ่อนภาพตัวละคร

      hide b01