無需編程基礎,從零開始制作自己的 GameBoy 游戲 怎么制作游戲啊

GameBoy 是我們一代人的童年回憶 , 其像素風的畫面及泛綠的屏幕效果至今仍被許多復古向游戲所借鑒 。出于對游戲的熱愛,制作一款 GameBoy 游戲 , 也成為了不少人心中的愿望 。如果你也有這樣的心愿未了,不妨試試今天介紹的 GB Studio,無需編程基礎也能做出自己的 GameBoy 游戲 。

無需編程基礎,從零開始制作自己的 GameBoy 游戲 怎么制作游戲啊

GB Studio

認識界面

GB Studio 的界面非常直觀 , 新建一個項目后,擺在你眼前的就是整個游戲的故事板 。你可以在故事板上看到包括 Logo、開始界面在內的所有場景 。點擊場景或內容物即可在右側修改其屬性,或是為其添加腳本 。
在窗口左上角,你可以切換到素材區來查看圖像、音頻素材 。如果你正在制作的是一款劇情游戲,你也可以在「查看劇情腳本」(Script Review)中檢查劇情是否足夠吸引玩家 。
無需編程基礎,從零開始制作自己的 GameBoy 游戲 怎么制作游戲啊

簡單地認識了界面后,我們就可以開始制作屬于自己的第一款游戲了 。在開始制作游戲前 , 我們需要準備好游戲的劇情和圖形素材 。以一個簡單的冒險游戲為例 , 我們要一個勇敢無畏的主角,要一個邪惡的反派,還需要不同的場景讓主角游歷其中 。

繪制素材

GameBoy 的屏幕僅支持顯示四種灰度,因此在繪制素材時 , 我們也要謹記這一點 。官方文檔為背景素材提供了四種可以使用的顏色:#072821(黑色)、#306850(深綠)、#86c06c(淺綠)、#e0f8cf(白色) , 人物素材在這四色的基礎上,刪掉了 #306850(深綠),加上了 #65ff00 用于表示透明色 。
在任何素材中,都只能包含這四種顏色 。如果素材所使用的顏色不包含在內,GB Studio 會自動匹配近似的顏色,但視覺效果會大打折扣 。
無需編程基礎,從零開始制作自己的 GameBoy 游戲 怎么制作游戲啊

配色參考
繪制素材的應用,我推薦 Aseprite 和 Tiled Map Editor 。Aseprite 是一款用于繪制動態像素畫的工具,支持 Windows 及 macOS 雙平臺,你可以在 Steam 上以 48 元購買到它 。
Aseprite 適合用于繪制人物、UI 等小素材,對于游戲場景這樣的大型素材來說,使用開源的 Tiled Map Editor 來制作會更加方便 。你可以在 官網 免費下載 Tiled Map Editor , 它同樣支持 Windows 及 macOS 。
無需編程基礎,從零開始制作自己的 GameBoy 游戲 怎么制作游戲啊

GB Studio 在素材格式上也有一定的限制 。首先,素材必須是 PNG 格式 。靜止的物品素材為 16px × 16px,動態物品素材則在此基礎上橫向擴展,但必須保證高度維持在 16 像素 。繪制人物素材的時候,則需要將其正面、背面和側面都繪制出來 , 并拼合起來 。背景素材至少需要達到 160px × 144px 的分辨率,最大不能超過 256px × 256px 。
無需編程基礎,從零開始制作自己的 GameBoy 游戲 怎么制作游戲啊

素材大小范例
繪制好素材后,你需要將它們分門別類地放置到游戲工程文件夾中「assets」下的對應文件夾里 。

編輯場景

在游戲故事板中,你可以隨意添加場景,并將人物放置在上面 。在添加了一個空白場景后,你可以在右側的編輯欄中修改它的名字、背景等屬性,并為其添加腳本 。要想在場景上放置人物或開關(Trigger) , 只要在懸浮菜單中選擇對應的選項即可 。人物的屬性設置與場景相同,你可以修改它的坐標來讓它生成在不同的位置 。
無需編程基礎,從零開始制作自己的 GameBoy 游戲 怎么制作游戲啊

添加場景
【無需編程基礎,從零開始制作自己的 GameBoy 游戲 怎么制作游戲啊】此處需要注意的一點是,開關在游戲中是不可見的,并且它是地圖交互的必要元素 。舉個例子 , 如果你在地圖上繪制了一間房子,默認情況下你是不能進去的,只有在你添加了開關并設置腳本 , 才可以從門口進入 。物品和人物的互動則無需這么復雜,你只要選中人物,在右側的編輯窗口為其添加腳本即可 。
無需編程基礎,從零開始制作自己的 GameBoy 游戲 怎么制作游戲啊

由于房屋、樹木及地形等元素都是直接畫在背景上的,為了不讓角色出現在奇怪的地方 , 我們需要為地圖添加空氣墻,用于阻擋玩家的腳步 。添加空氣墻的步驟十分簡單,只要按下 C,隨后在場景中繪制即可 。
當我們將所有場景和人物都添加好后,就可以進入游戲流程的制作了 。

開始制作游戲

在游戲中,所有交互和動作都是通過腳本來實現的 。你可以為人物添加腳本 , 讓他能夠開口說話;你也可以為開關添加腳本,讓玩家可以與地圖互動 。這里以「開口說話」和「與地圖互動」為例,簡單介紹如何為人物、開關添加腳本,在實際過程中,你可以發揮自己的想象力,做出更多有趣的效果 。
要讓人物開口說話,只需選中人物,隨后在右側的編輯菜單中選擇「添加事件」(Add Event),即可添加事件腳本 。這里我們選擇「顯示文字」(Display Text) , 并在文本框中輸入需要的文字(僅支持英文) 。只要玩家對著該角色按下 A 鍵,預設的文字就會顯示出來,就像是人物在說話一樣 。你也可以將其應用到路標、收音機物品上 。
無需編程基礎,從零開始制作自己的 GameBoy 游戲 怎么制作游戲啊

顯示文字
要添加開關腳本,你需要先添加一個開關,隨后在右側選擇「添加事件」 。與人物互動需要玩家按下按鍵,而默認情況下,只要人物站在開關上,它就會啟動 。因此,如果你希望讓玩家在按下按鍵后才開始互動,則需要在腳本中加上「當玩家按下按鍵」(If Joypad Input Pressed),并將互動腳本放置在這個 If 條件中 。
無需編程基礎,從零開始制作自己的 GameBoy 游戲 怎么制作游戲啊

IF 條件
在游戲中最常用到的一個事件腳本就是「切換場景」(Switch Scene) 。你可以為每個切換場景的腳本設置要切換的場景、玩家生成的位置、方向,甚至是切換速度 。在設置了「切換場景」的腳本后,故事板中的場景也會由藍色虛線所連接,看起來更加直觀 。
制作游戲的過程中,你可以隨時點擊右上角的「運行」(Run)按鈕或快捷鍵 Ctrl/Command - B 來快速開始試玩 。

導出游戲

當你經過努力制作出自己的游戲后,你一定會迫不及待地想要將它分享給別人吧 。GB Studio 提供了兩種導出形式:
  1. 導出為 ROM:生成一個 .gb 格式的游戲 ROM 文件,你可以在任何模擬器上進行游玩 。
  2. 導出網頁:生成一個基于 HTML5 的網頁,你需要將整個文件夾上傳到服務器,并定位到 index.html(可重命名),隨后即可在線進行游玩 。
兩種導出方式各有優劣,在沒有服務器的情況下,第一個選擇無疑是更合適的 。如果你有一個服務器,那么不妨將游戲部署到服務器,這樣一來 , 只需要一個鏈接就能暢玩你的游戲 。在移動平臺上,導出的網頁還會自動生成虛擬按鍵 , 以供玩家操作 。
你可以在 GB Studio 的 官網 免費下載它,支持 Windows、macOS 及 Linux 平臺 。GB Studio 也在 GitHub 開源,你可以 在此 查看它的源碼 。如果你在制作游戲的過程中遇到任何問題 , 可以在 這里 查閱官方文檔 。
祝大家可以早日制作出好玩有趣的游戲,如果你將游戲部署到了服務器上 , 不妨在評論區與我們一起發分享 。

相關經驗推薦