Ren'Py教學【第一篇 #01】/ 基本教學 - Space of NingNing

Ren'Py教學【第一篇 #01】/ 基本教學

這 篇 文 章 是 關 於 Renpy 一 些 基 本 的 代 碼 教 學

1. 新 增 角 色

- define 角 色 代 號 = Character('角 色 名 字')

- 舉 例: define e = Character('Eileen', color="#000000")
e - 之 後 只 要 在 句 子 前 面 打 一 個 e 就 會 自 動 顯 示 成 Eileen 拉 (( 在 遊 戲 裡 , 腳 本 裡 顯 示 的 還 是 e
Eileen - e 這 個 角 色 的 名 字 , 之 後 如 果 要 改 變 一 個 角 色 的 名 字 的 話 就 很 方 便 拉 , 只 要 改 變 Character 後 第 一 個 單 位 (?) 就 行 啦
舉 例 來 說 如 果 不 想 要 e 叫 做 Eileem , 希 望 e 叫 做 Eva 的 話 , 可 以 改 成 define e = Character('Eva', color="#000000")
color = 後 面 接 的 就 是 顏 色 的 代 碼 , 只 要 改 掉 後 面 的 數 字 或 字 母 就 能 改 變 一 個 角 色 顯 示 的 文 字 拉 ( 這 不 是 一 定 需 要 的 )

舉 例:
define Ning = Character ("Ning Ning", color="#ffffff")
這 樣 的 話 就 創 造 出 新 的 叫 做 Ning Ning 的 角 色 拉
color="#ffffff" 代 表 這 個 角 色 的 顏 色 是 白 色 的 ( 顯 示 名 字 的 時 候 )
之 後 只 要 Ning Ning 要 講 話 的 時 候 打 Ning 在 句 子 前 面 就 可 以 了
想 要 改 變 Ning Ning 的 名 字 的 時 候 只 要 改 變
define Ning = Character ("Ning Ning", color="#ffffff") 括 弧 裡 的 名 字 就 可 以 了  ( 不 需 要 去 到 每 一 行 字 改 變 名 字 )

- 點 這 裡 可 以 看 看 各 種 不 同 的 顏 色 的 代 碼

2. 新 增 角 色 不 同 的 表 情

- image ( 角 色 名 字 + 表 情 ) = ( 圖 片 的 路 徑 )

舉 例: image eva cry = "images/evaCry.png"
image = 讓 renpy 知 道 這 是 一 張 照 片
eva cry = 讓 renpy 知 道 甚 麼 時 候 要 顯 示 這 張 圖 片 ( 打 出 eva cry 時 )
"images/evaCry.png" = 讓 renpy 知 道 這 張 圖 存 在 甚 麼 地 方
( 其 實 在 images 資 料 夾 裡 的 圖 片 可 以 直 接 打 圖 片 名 字 就 能 使 用 了 )
(( 不 需 要 事 先 定 義 圖 片

3. 顯示背景

不 需 要 事 先 定 義 背 景 就 能 使 用 存 在 專 案 裡 的 背 景 圖 了
如 果 已 經 把 要 使 用 的 背 景 圖 放 在 renpy project 裡 的 話 就 只 要 在 要 使 用 那 張 圖時 打 上 :
scene ( 圖 片 的 名 字 )
就 會 顯 示 那 張 圖 片 在 背 景 拉
renpy 支 援 大 部 分 的 圖 片 格 式 ( 像 是 png / jpg / WEB P ) 所 以 大 部分 的 圖 片 都 能 顯 示 出 來

範 例:

現 在 我 的 資 料 夾 裡 有 一 個 叫 做 01 的 圖 片
Renpy 範例


在 沒 有 事 先 定 義 圖 片 的 情 況 下 我 可 以 直 接 打 scene 01:


這 樣 也 會 顯 示 出 正 確 的 圖 窩

4. 顯 示 對 話

角 色 名 字 " 可 以 在 這 裡 輸 入 對 話 "

範 例:
e "Hello~"

一 些 特 殊 的 文 字 顯 示 :
文 字 加 粗 - {b} Hello ! {/b}

讓 文 字 變 得 斜 斜 的 - {i} Hello ! {/i}



畫線 - {u} Hello ! {/u}


改變一句話的字體 -
{font=IndieFlower-Regular.ttf} Hello ! {/font}


改變一句話的顏色 - {color=#D61E1E} Hello ! {/color}




新 增 圖 片 在 句 子 裡 -
{image= 圖片名字.png}
像 是:{image=flower.png}
看 起 來 就 會 像 這 樣 :


其 他 可 以 使 用 的 特 殊 文 字 特 效 可 以 看 這 裡

5. 顯 示 選 像

menu:
"選 像1"
    jump ( 某 個 場 景 )
"選 像2"
    jump ( 另 一 個 場 景 )

menu - 讓 renpy 知 道 選 像 從 這 裡 開 始
"XXX" - 玩 家 看 到 的 選 項 ( 實 際 顯 示 的 文 字 )
jump - 當 玩 家 選 了 某 一 個 選 項 後 就 會 跳 到 另 一 個 場 景
舉 例 來 說 如 果 寫 jump happy
那 renpy 就 會 跳 到 叫 做 happy 的 場 景


範 例:
menu: "Yes": jump start "No" jump start
( 因 為 還 沒 有 寫 其 他 劇 情 / label 所 以 都 先 跳 到 start www )

這 段 代 碼 在 遊 戲 裡 看 起 來 就 會 像 這 樣 - 預 覽
( 一 直 重 複 是 因 為 2 個 選 項 都 是 連 到 start ( 開 頭 ))

6. 加 上 音 樂 / 音 效

- play music " 音 樂 的 位 置 "
- 範 例: play music "audio/happy.mp3"
這 樣 就 會 開 始 播 放 在 audio 資 料 夾 裡 面 的 happy.mp3,如 果 不 stop 音 樂 的 話 music 就 會 一 直 重 播
要 停 止 音 樂 可 以 使 用 這 個 代 碼
- stop music

要 加 上 音 效 的 話 可 以 用 這 個 代 碼
- play sound " 音 效 的 位 置 "
跟 音 樂 不 一 樣 音 效 播 一 次 就 會 停 止 了

目 前 renpy 支 援 的 音 檔 - Opus / Ogg/ MP3

7. 讓 圖 片 / 人 物 退 場

- hide 要 讓 他 消 失 的 物 件

要 讓 圖 片 和 人 物 退 場 可 以 使 用 hide 加 上 要 退 場 的 物 件 的 名 字
像 是 這 樣:
    hide lia
    with zoomout
( 偷 偷 加 個 轉 場 特 效 www )
呈 現 出 來 的 效 果 可 以 看 這 裡 預 覽 :

要 讓 圖 片 退 場 的 話 就 把 hide lia 改 成 hide 01 就 可 以 拉 (( 01 是 我 現 在 使 用 ing 的 背 景 圖 ( 紅 紅 鳥 居 那 個 )

8. 轉 場 特 效

我 這 裡 會 列 出 來 一 些 比 較 常 用 的 轉 場 特 效

  • fade - 讓 畫 面 黑 掉 後 在 出 現
  • dissolve - 讓 畫 面 變 得 半 透 明 , 淡 出 淡 入
  • move - 移 動 畫 面 / 物 件
  • zoomin/zoomout - 拉 近 / 拉 遠
其 他 不 同 的 轉 場 特 效 可 以 看 這 裡 - 官 方 的 documentation

範 例 特 效: 
    show ha at topleft:
        offscreenleft
        alpha 0.0
        easein 1.0 xalign 0.5 yalign 0.0 alpha 1.0
    e "Hello !"
    hide ha
    with dissolve

預 覽 呈 現 出 來 的 效 果 可 以 點 這 裡 看 看


做 這 個 教 學 使 用 得 的 是 GUI Pack 003 黑 白 版 如 果 有 興 趣 可 以 點 這 裡 購 買 此 GUI
 ( 有 免 費 版 和 付 費 版 的 )

其他相關連結:
點擊這裡閱讀第三篇 ( Preference screen 得製作方式 )
點擊這裡閱讀第四篇 ( Confirm screen 得製作方式 )
點擊這裡閱讀第五篇 ( Gallery screen的製作方式 )

Next Post Previous Post
No Comment
Add Comment
comment url