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
    You are seeing this message because ad or script blocking software is interfering with this page.
    Disable any ad or script blocking software, then reload this page.