Ren'Py教學【 第五篇 #05】自製Gallery screen (相簿)

首 先 你 需 要 創 建 一 個 新 的 rpy 檔 案 我 建 議 你 使 用 gallery 但 如 果 你 要 叫 他 其 他 名 字 也 是 可 以 搭

init python:

g = Gallery() 

然 後 寫 上 下 面 這 3 串 代 碼，根 據 你 有 多 少 CG / 有 多 少 圖 片 是 之 後 要 顯 示 出 來 的

假 設 你 有 9 張 圖 那 上 面 那 3 串 代 碼 就 要 寫 9 次

每 張 圖 片 都 定 義 完 後 在 後 面 打 上

screen (看你自己要取甚麼名字 ):

    tag menu

    add "gui/( 作為Gallery的背景的圖 ).png"

        grid 3 3: ( 3 行 3 豎 =像 9 宮格那樣 )

            spacing 25 ( 每個不同的格子的距離 )

            add g.make_button("你之前自己取的那個名字 ")," 你存的圖片的路徑 ", locked = "當圖片還沒解鎖時顯示的圖的路徑")

當 spacing 為 0 時 畫 面 大 概 長 這 樣 所 以 我 建 議 spacing 設 定 到 10 以 上

設 太 寬 的 話 看 起 來 也 很 不 棒 棒 所 以 最 好 在 30 以 下

有 9 張 圖 片 所 以 上 面 這 串 代 碼 要 寫 9 次

那 把 所 有 代 碼 串 起 來 看 起 來 就 會 像 這 樣:

init python:

    g = Gallery()

    g.button("intro")

    g.condition("persistent.intro")

    g.image("CG/1.png")

    g.button("a2")

    g.condition("persistent.a2")

    g.image("CG/2.png")

    g.button("a3")

    g.condition("persistent.a3")

    g.image("CG/3.png")

    g.button("a4")

    g.condition("persistent.a4")

    g.image("CG/4.png")

    g.button("a5")

    g.condition("persistent.a5")

    g.image("CG/5.png")

    g.button("a6")

    g.condition("persistent.a6")

    g.image("CG/6.png")

    g.button("a7")

    g.condition("persistent.a7")

    g.image("CG/7.png")

    g.button("a8")

    g.condition("persistent.a8")

    g.image("CG/8.png")

    g.button("a9")

    g.condition("persistent.a9")

    g.image("CG/9.png")

screen gallery_general:

    tag menu

    add "gui/gallery.png"

    hbox:

        yalign 0.5

        xalign 0.5

(讓畫面定在中間)

        use gallery_navigation

        grid 3 3:

            spacing 25

            add g.make_button("intro","CG/intro.png", locked = "CG/locked.png")

            add g.make_button("a2","CG/2.png", locked = "CG/locked.png")

            add g.make_button("a3","CG/3.png", locked = "CG/locked.png")

            add g.make_button("a4","CG/4.png", locked = "CG/locked.png")

            add g.make_button("a5","CG/5.png", locked = "CG/locked.png")

            add g.make_button("a6","CG/6.png", locked = "CG/locked.png")

            add g.make_button("a7","CG/7.png", locked = "CG/locked.png")

            add g.make_button("a8","CG/8.png", locked = "CG/locked.png")

            add g.make_button("a9","CG/9.png", locked = "CG/locked.png")

這 樣 就 完 成 ( 我 的 ) General 相 簿 ( Gallery )了，按 照 同 樣 的 代 碼 可 以 建 立 其 他 的 Gallery 畫 面

當 你 完 成 每 個 角 色 或 是 每 個 章 節 的 Gallery 畫 面 後 你 可 以 在 做 一 個 畫 面 把 每 個 畫 面 放 到 一 起 ( 像 這 篇 文 章 開  頭 的 圖 圖 那 樣 )

所 以 呢 你 需 要 下 面 這 串 代 碼 ( 你 可 以 按 照 你 的 命 名 / 其 他 路 徑 更 改 代 碼 )

screen gallery:

    vbox:

        spacing 25

        xoffset -100

(讓畫面出現在正確的位置)

        imagebutton auto "gui/button/general_%s.png"  action ShowMenu("gallery_general")

        imagebutton auto "gui/button/background_%s.png"  action ShowMenu("gallery_bg")

        imagebutton auto "gui/button/len_%s.png"  action ShowMenu("gallery_len")

        imagebutton auto "gui/button/ray_%s.png"  action ShowMenu("gallery_ray")

        imagebutton auto "gui/button/gallery_close_%s.png"  action Return() yoffset -350 xoffset 1300

其 他 相 關 連 結:

點 擊 這 裡 閱 讀 第 四 篇 ( 上 一 篇 )

點 擊 這 裡 閱 讀 第 三 篇

點 擊 這 裡 閱 讀 第 二 篇

點 擊 這 裡 閱 讀 第 一 篇