Ren'Py教學 【第二篇 #02】自製GUI

1. 首 先 要 改 變 GUI 或 是 UI 需 要 用 到 screen.rpy 和 gui.rpy 所 以 先 打 開 他 們

2.  用 crtl + F 找 到 Main Menu screen

3.  選 擇 使 用 Navigation 的 screen 或 是 使 用 imagemap 做 出 新 的 畫 面

    imagemap:
        ground "gui/menu_idle.png"
        idle "gui/menu_idle.png"
        hover "gui/menu_hover.png"

        hotspot (794, 62, 287, 67) action Start() #New Game的位置
        hotspot (800, 174, 241, 60) action ShowMenu("load") #Data Load
        hotspot (780, 271, 262, 60) action ShowMenu("preferences") #Pref.
        hotspot (992, 385, 194, 57) action jump("gallery") #Gallery
        hotspot (815, 475, 146, 64) action Quit(confirm=False) #Exit

↓ ↓ 這 是 我 用 的 圖 ↓ ↓

範例封面

自 製 Renpy Navigation screen

改 變 button 上 寫 的 文 字 像 是 這 串 textbutton _("History") action ShowMenu("history") 你 需 要 改 變 textbutton _("History") 裡 "__" 內的文字

範 例:

↓

2. 如 果 你 要 使 用 圖 片 的 話 就 可 以 使 用 Imagebutton

像 這 樣: imagebutton auto "gui/pref_%s.png" action ShowMenu("preferences")

或 是 如 果 你 只 有 idle 和 hover 的 圖 片 要 呈 現 的 話 可 使 用

imagebutton idle "gui/pref_idle.png" hover"gui/pref_hover.png" action ShowMenu("preferences")

改 變 位 置

在 textbutton _("選項") 後 面 加 上 xpos ( 水 平 位 置 ) 和 ypos ( 垂 直 位 置 )

在 Renpy 裡 自 製 鼠 標

要 顯 示 自 己 的 鼠 標 ( cursor )

只 要 在 screen.rpy 裡 加 上 :

define config.mouse = {"default":[ ("你的圖片路徑", 1, 1) ] }

上 面 這 串 代 碼 就 行 了

關 於 對 話 框

更 換 文 字 顯 示 的 位 置

打 開 gui.rpy

找 到 gui.dialogue_xpos 和 gui.dialogue_ypos

之 後 更 改 後 面 的 數 字 就 能 改 變 文 字 顯 示 出 來 的 位 置 來 配 合 自 己 的 Box 拉

更 換 對 話 框 顯 示 的 位 置

要 讓 對 話 框 上 面 一 點 或 下 面 一 點 靠 的 話

你 要 找 到 gui.rpy 裡 的 gui.textbox_yalign 之 後 改 變 後 面 的 數 字 就 行 了

改 變 顯 示 角 色 名 字 的 位 置

找 到 gui.rpy 裡 的 gui.name_xpos 和 gui.name_ypos 之 後 改 變 後 面 的 數 字 就 行 了

基 本 上 所 有 關 於 對 話 框 / 名 字 框 的 設 定 都 在  Dialogue 下 面 所 以 也 可 以 查 詢  Dialogue 後 看 下 面 的 代 碼

其 他 相 關 連 結 :

• 點 擊 這 裡 閱 讀 上 一 篇 ( 基本代碼 )

• 點 擊 這 裡 閱 讀 第 三 篇 ( Preference screen 的製作方式 )

• 點 擊 這 裡 閱 讀 第 四 篇 ( Confirm screen 的製作方式 )

• 點 擊 這 裡 閱 讀 第 五 篇 ( Gallery screen 的製作方式 )

----------------- 分 隔 線  -----------------

​​◆ 喜歡這篇文章的話 — 留言或是為我拍手， 我都會很開心的!