沒有編程基礎怎么做出自己的游戲 如何自己做游戲

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

沒有編程基礎怎么做出自己的游戲 如何自己做游戲

文章插圖

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

沒有編程基礎怎么做出自己的游戲 如何自己做游戲

文章插圖

簡單地認識了界面后 , 我們就可以開始制作屬于自己的第一款游戲了 。在開始制作游戲前 , 我們需要準備好游戲的劇情和圖形素材 。以一個簡單的冒險游戲為例 , 我們要一個勇敢無畏的主角 , 要一個邪惡的反派 , 還需要不同的場景讓主角游歷其中 。
繪制素材
GameBoy 的屏幕僅支持顯示四種灰度 , 因此在繪制素材時 , 我們也要謹記這一點 。官方文檔為背景素材提供了四種可以使用的顏色:#072821(黑色)、#306850(深綠)、#86c06c(淺綠)、#e0f8cf(白色) , 人物素材在這四色的基礎上 , 刪掉了 #306850(深綠) , 加上了 #65ff00 用于表示透明色 。
在任何素材中 , 都只能包含這四種顏色 。如果素材所使用的顏色不包含在內 , GB Studio 會自動匹配近似的顏色 ,  但視覺效果會大打折扣 。

沒有編程基礎怎么做出自己的游戲 如何自己做游戲

文章插圖

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

沒有編程基礎怎么做出自己的游戲 如何自己做游戲

文章插圖

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

沒有編程基礎怎么做出自己的游戲 如何自己做游戲

文章插圖

素材大小范例
繪制好素材后 , 你需要將它們分門別類地放置到游戲工程文件夾中「assets」下的對應文件夾里 。
編輯場景
在游戲故事板中 , 你可以隨意添加場景 , 并將人物放置在上面 。在添加了一個空白場景后 , 你可以在右側的編輯欄中修改它的名字、背景等屬性 , 并為其添加腳本 。要想在場景上放置人物或開關(Trigger) , 只要在懸浮菜單中選擇對應的選項即可 。人物的屬性設置與場景相同 , 你可以修改它的坐標來讓它生成在不同的位置 。

沒有編程基礎怎么做出自己的游戲 如何自己做游戲

文章插圖

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

沒有編程基礎怎么做出自己的游戲 如何自己做游戲

文章插圖

由于房屋、樹木及地形等元素都是直接畫在背景上的 , 為了不讓角色出現在奇怪的地方 , 我們需要為地圖添加空氣墻 , 用于阻擋玩家的腳步 。添加空氣墻的步驟十分簡單 , 只要按下 C , 隨后在場景中繪制即可 。
當我們將所有場景和人物都添加好后 , 就可以進入游戲流程的制作了 。
開始制作游戲
在游戲中 , 所有交互和動作都是通過腳本來實現的 。你可以為人物添加腳本 , 讓他能夠開口說話;你也可以為開關添加腳本 , 讓玩家可以與地圖互動 。這里以「開口說話」和「與地圖互動」為例 , 簡單介紹如何為人物、開關添加腳本 , 在實際過程中 , 你可以發揮自己的想象力 , 做出更多有趣的效果 。
要讓人物開口說話 , 只需選中人物 , 隨后在右側的編輯菜單中選擇「添加事件」(Add Event) , 即可添加事件腳本 。這里我們選擇「顯示文字」(Display Text) , 并在文本框中輸入需要的文字(僅支持英文) 。只要玩家對著該角色按下 A 鍵 , 預設的文字就會顯示出來 , 就像是人物在說話一樣 。你也可以將其應用到路標、收音機物品上 。

沒有編程基礎怎么做出自己的游戲 如何自己做游戲

文章插圖

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

沒有編程基礎怎么做出自己的游戲 如何自己做游戲

文章插圖

【沒有編程基礎怎么做出自己的游戲 如何自己做游戲】IF 條件
在游戲中最常用到的一個事件腳本就是「切換場景」(Switch Scene) 。你可以為每個切換場景的腳本設置要切換的場景、玩家生成的位置、方向 , 甚至是切換速度 。在設置了「切換場景」的腳本后 , 故事板中的場景也會由藍色虛線所連接 , 看起來更加直觀 。
制作游戲的過程中 , 你可以隨時點擊右上角的「運行」(Run)按鈕或快捷鍵 Ctrl/Command – B 來快速開始試玩 。
導出游戲
當你經過努力制作出自己的游戲后 , 你一定會迫不及待地想要將它分享給別人吧 。GB Studio 提供了兩種導出形式:
導出為 ROM:生成一個 .gb 格式的游戲 ROM 文件 , 你可以在任何模擬器上進行游玩 。
導出網頁:生成一個基于 HTML5 的網頁 , 你需要將整個文件夾上傳到服務器 , 并定位到 index.html(可重命名) , 隨后即可在線進行游玩 。
兩種導出方式各有優劣 , 在沒有服務器的情況下 , 第一個選擇無疑是更合適的 。如果你有一個服務器 , 那么不妨將游戲部署到服務器 , 這樣一來 , 只需要一個鏈接就能暢玩你的游戲 。在移動平臺上 , 導出的網頁還會自動生成虛擬按鍵 , 以供玩家操作 。
你可以在 GB Studio 的 官網 免費下載它 , 支持 Windows、macOS 及 Linux 平臺 。GB Studio 也在 GitHub 開源 , 你可以 在此 查看它的源碼 。如果你在制作游戲的過程中遇到任何問題 , 可以在 這里 查閱官方文檔 。
祝大家可以早日制作出好玩有趣的游戲 , 如果你將游戲部署到了服務器上 , 不妨在評論區與我們一起發分享 。