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
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.