Ren'Py教學【 第四篇 #04】自 製 Confirm screen ( 確 認 介 面 ) - Space of NingNing

Ren'Py教學【 第四篇 #04】自 製 Confirm screen ( 確 認 介 面 )

這 篇 文 章 是 關 於 自 製 Renpy 的 Comfirm screen (確 認 介 面 ) 

    需 要 事 先 準 備 的 東 西 :


    Atom ( 或 是 其 他 的 編 輯 器 其 實 也 是 可 以 的 ) : 點 這 裡 下 載 Atom

    1 張 作 為 Confirm screen 背 景 的 圖 片

    1 張 作 為 顯 示 是 / 否 或 是 Yes / No 框 框 的 ( frame ) 圖 片

    這 是 他 一 開 始 甚 麼 都 沒 改 變 的 話 的 長 相 樣 子 ( 默 認 長 相 )

    換 上 白 色 的 背 景 和 自 製 的 框 框 後 ( 準 備 的 背 景 和 框 框 ):

    更 改 文 字 大 小

    如 果 要 更 改 文 字 大 小 的 話 - 打 開 gui.rpy 然 後 找 到
    define gui.confirm_button_text_xalign = 0.5 
    在 這 段 下 面 貼 上 這 段 代 碼 define gui.confirm_button_text_size =
    在 = 後 面 輸 入 希 望 文 字 的 大 小
    範 例: define gui.confirm_button_text_size = 50

    更 改 文 字 顏 色


    如 果 要 更 改 顏 色 的 話  - 打 開 gui.rpy 然 後 找 到
    define gui.confirm_button_text_xalign = 0.5 
    在 這 段 下 面 貼 上 這 段 代 碼 define gui.confirm_button_text_color = 
    在 = 後 面 輸 入 想 要 使 用 的 顏 色
    範 例: define gui.confirm_button_text_color = "#4B0082"

    更 改 顯 示 文 字


    如 果 要 更 改 文 字 的 話 - 在 screen.rpy 裡 找 到

                    textbutton _(" 是 ") action yes_action
                    textbutton _(" 否 ") action no_action

    如 果 使 用 的 不 是 中 文 版 本 而 是 英 文 版 本 的 話 :

                    textbutton _("Yes") action yes_action
                    textbutton _("No") action no_action

    更改 ("這 裡") 的文字就可以了
    所 以 如 果 我 改 成 同 意 / 不 同 意 的 話 :

                    textbutton _(" 同意 ") action yes_action
                    textbutton _(" 不同意 ") action no_action
    畫 面 就 會 變 成 這 樣:
    如 果 要 改 掉 " 確 定 要 離 開 嗎 ? " 這 段 文 字
    可 以 打 開 common.rpy 然 後 找 到 這 串 文 字
        # renpy/common/00gui.rpy:378
        old "Are you sure you want to quit?"
        new " 確 定  要 離  開 ?"

    然 後 改 變 new " 這 裡 " 的 文 字 就 可 以 了

    舉 例:
    如 果 我 改 成  new " 確 定 要 關 閉 遊 戲 了 ?"
    那 畫 面 就 會 這 樣 顯 示 :

    也 可 以 使 用 圖 片 來 顯 示 訊 息 :

    要 先 把 這 段 代 碼 刪 掉 ↓↓

        add "gui/overlay/confirm.png"

     

        frame:

     

            vbox:

                xalign .5

                yalign .5

                spacing 30

     

                label _(message):

                    style "confirm_prompt"

                    xalign 0.5

     

                hbox:

                    xalign 0.5

                    spacing 100

     

                    textbutton _(" 是 ")  action yes_action

                    textbutton _(" 否 ") action no_action

     

        ## Right-click and escape answer "no".

        key "game_menu" action no_action

    製 作 用 來 顯 示 畫 面 的 圖
    範 例 ( 我 使 用 的 圖 ) :


    然 後 加 上
        if message == layout.QUIT:
            add "gui/ 的 圖 片 名 字.png"
            textbutton "是( 想 顯 示 的 字 ) " xpos (文 字 應 該 出 現 的 位 置 - X軸) ypos ( 文 字 應 該 出 現 的 位 置 - Y 軸) action yes_action
            textbutton "( 想 顯 示 的 字 ) " xpos (文 字 應 該  出 現 的 位 置 - X軸) ypos ( 文 字 應 該 出 現 的 位 置 - Y 軸)  action no_action

    範 例 ↓↓:
        if message == layout.QUIT:
            add "gui/sure.png"
            textbutton " 沒 錯 " xpos 504 ypos 290 action yes_action
            textbutton " 在 等 等 " xpos 498 ypos 390 action no_action


    要 怎 麼 找 到 正 確 的 位 置 我 在 上 一 篇 介 紹 過 了 如 果 需 要 的 話 可 以 點 這 裡 去 到 上 一 篇 滑 到 3. Step
    就 是 了

    其 他 相 關 連 結 :
    點 擊 這 裡 閱 讀 第 一 篇 ( 基 本 script 代 碼 )
    點 擊 這 裡 閱 讀 第 三 篇 ( Preference screen 得 製 作 方 式 )
    點 擊 這 裡 閱 讀 第 五 篇 ( Gallery screen 的 製 作 方 式 )


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

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


    Next Post Previous Post
    2 Comments
    • Shine Shine
      Shine Shine 9/09/2021 10:55 上午

      請問你都是用什麼軟體或網站製作這些圖片的呢?

      • NingNing
        NingNing 9/10/2021 1:44 下午

        以前是用Medibang paint也用過Krita現在是用Photoshop

    Add Comment
    comment url