從0開始:開發自己的游戲[1]


我是Lem0,自學倡導者,執迷于“不務正業”,被批評“旁門左道”。我注冊并使用簡書,希望能夠記錄一些我記不住的事情,或者與大家一起共享知識,共同學習。

往期回顧(點擊鏈接訪問):「從0開始:開發自己的游戲[0]」

在上一期教程中,我帶領大家第一次認識了RPG Maker VX Ace(簡稱RMVA)這一款“麻雀雖小五臟俱全”的輕量級平面游戲開發工具,并且認識了用戶界面和常用功能。在本期教程中,我會帶大家學習地圖的繪制和相關操作,包括新建地圖、刪除地圖、調整地圖參數、繪制室內、室外地圖,自動生成地下城迷宮等等。

RPG Maker系列工具介紹
可能有很多人事前接觸過RPG maker系列游戲引擎,這個游戲引擎專為實現類似于《最終幻想6》、《口袋妖怪》等2D平面RPG游戲誕生。但你最不應該做的就是小看這款游戲引擎。我將從用戶界面開始,講到深層次的代碼剖析,帶你開發一個自己的游戲。
在RMVA之前,Enterbrain公司還推出了RM 2000,RM 2003,RMXP, RMVX和最新的RMMV。從RMXP開始,RM系列開發工具基于Ruby編程語言開發了名為RGSS(Ruby Game Script System)的內置腳本語言,玩家可以對默認的游戲系統進行加強和二次開發。
最新的RMMV系列,開始放棄RGSS,轉而使用每個程序猿都會的Javascript作為腳本語言,更方便實現了跨平臺。
本系列教程我將使用RMVA進行講解,希望大家自行獲取購買本工具,我不會給出破解版工具的下載地址。

1、創造世界 - 簡單的地圖繪制

我們現在先簡要回顧一下上一期的部分內容。如果大家確定還記得什么是「圖塊區」「地圖繪制區」和如何切換「地圖模式」和「事件模式」的話,請繼續閱讀,否則,我建議先查看「從0開始:開發自己的游戲[0]」

新建地圖

首先,我們需要學習室外地圖的繪制。為此,我們要新建一張地圖。在「地圖樹」中,單擊右鍵,選擇新建地圖。

在地圖樹中進行新建地圖的操作

之后彈出一個窗口,你需要在這個窗口中設置你要新建的地圖的參數。

新建地圖窗口

基本設置中,「備注名稱」和「顯示名稱」都是當前地圖的名稱設置。不同的是,「備注名稱」只會顯示在地圖樹界面中,作為給開發者的提示和備忘,而「顯示名稱」會在進行游戲時顯示在游戲中一段時間后消失(回想一下口袋妖怪,在你進入新的地區時,你的游戲界面右上角會彈出一個名稱框,顯示著諸如“101號道路”之類的信息,顯示名稱就是如此功能)。在這里我們隨意填寫即可。

在「圖塊組」中,點擊下拉列表,你可以查看到游戲中默認的所有圖塊組。什么是圖塊組呢?為了方便繪制不同地區的地圖,開發者們需要根據地區特點將不同的圖片素材儲存到不同的組中,比如所有用來繪制室內地圖的圖片素材就儲存在名為“室內地圖”的組中,而繪制室外地圖的素材就儲存在名為“室外地圖”的組中。在這里我們需要繪制的是“室外地圖”,因此,我們更改圖塊組為“室外地圖”。

寬度和高度定義了游戲地圖的尺寸。在這里我們為了方便繪制,選擇20x20這個并不大的尺寸即可。這里的數字20表示的是地圖的長和寬都是20個計數單位。這個所謂的計數單位就是大家切換編輯模式到「事件模式」后顯示在地圖繪制區的方格,每一個小方格為16px(像素)長和16px寬。需要注意的是,以后的地圖可能需要繪制超大的尺寸,比如一個繁華的都市可能需要80x80個單位,你需要合理使用縮放工具進行繪制。

循環類型中有4個選項:不循環、縱向循環、橫向循環、縱橫循環。循環的意思是角色從地圖一邊走出邊界,會從對邊的邊界走入。在早期的《最終幻想》系列中,世界地圖經常用到這個設定。我們此時選擇不循環即可。

我們暫時跳過其他參數的講解。此時你需要確定你的設置和下圖一樣,然后就可以點擊確定創建一張地圖。

基本參數的設置
認識圖塊

新建地圖之后,你會看到默認的界面。這種一深一淺的藍色格子在游戲中顯示為一片漆黑。

新建地圖之后的用戶界面

左側的圖塊區變成了室外地圖的樣子。接下來我要介紹圖塊區的相關內容。圖塊區分成了三個選項卡,A、B和C。其中,A選項卡中的圖塊用來繪制地表和墻壁等基層元素,而B及B以上的素材都是表層元素。使用更常見的解釋就是,A層的圖塊屬于底層圖層,而B及B以上的圖層屬于上層圖層,上層圖層會遮蓋底層圖層。同時B及B以上的素材同屬一個圖層,不可以相互遮蓋。

接下來我們選中草地的樣式進行地表繪制。選中草地之后,使用繪制工具中的「油漆桶」,將地圖全部涂成草坪。

繪制草地

注意,如果你選中草地圖塊之后,無法選中油漆桶進行繪制,請檢查自己的編輯模式是否處于「地圖模式」下。不知道編輯模式是什么或者不知道如何切換,請您查看上期的教程。

接下來,我們需要在光禿禿的草坪上繪制房屋。在左側的圖塊區,你會看到有屋頂和墻壁系列圖塊:

用來繪制屋頂和墻壁的圖塊

下面選中屋頂,使用鉛筆繪制工具,在地圖繪制區繪制兩排屋頂:

繪制房頂的屋瓦

你可以自己確定房屋的長度。繪制完成后選中下面的墻壁繪制房屋的墻體:

繪制房屋的墻體

一般來說為了美觀性,你可以對屋頂和墻體的高度比例做出調整。但我不是設計師或者美工,我是程序員,美觀性這個詞這實在不是我的強項……

在你完成之后你就繪制了一個簡單的房屋。接下來作為練習,你可以在地圖繪制區繪制更多房屋。

繼續繪制房屋

你可能覺得默認的圖塊樣式很丑。你可以從你的美工那里獲得更好看的圖塊資源。比如,我曾經購買一套價值300日元的素材,使用這些素材繪制房屋要顯得好看一些。

更好看的圖塊素材
來自于其他開發者使用RMVA制作的游戲

要繪制出這樣的地圖需要好看的素材和耐心,以及好的美感和長時間練習
。但接下來,讓我們繼續我們簡單的地圖繪制學習。

添加裝飾

繪制完房屋之后,我們可以暫時告別圖塊區的A選項卡了。我們點擊圖塊區的B、C選項卡,開始按照自己的意愿添加一些裝飾。需要注意的是,你可以每次在圖塊區按住鼠標左鍵拉取一整塊區域進行繪制,比如:

繪制一些樹木

你可以自己進行測試。就如我前面說到的,B、C選項卡屬于高層圖層,可以遮蓋A圖層的圖塊(比如圖中的書目就遮住了房子的墻體)。默認的地圖圖塊很少,只有A、B、C三個選項卡。在你導入自己的素材之后,圖塊最多可以擴展到E。如果還是不夠,我們往往使用Photoshop輔助繪制地圖。當然了,這些我會在之后講解。

當你繪制錯誤之后可以使用橡皮修改。B選項卡的第一個空白圖塊就是橡皮:

橡皮圖塊

如果你在A選項卡的圖塊繪制中發生錯誤,你可以直接使用正確的圖塊覆蓋。A選項卡圖塊不存在橡皮的概念

你可以使用圖塊區的一些圖塊搭配橡皮創造巧用,比如樹林的樣式。當然了,你也可以給你的房屋加一個門。

繪制完成的室外地圖
室內地圖繪制

接下來我們需要新建一張17x17地圖進行室內地圖的繪制。新建地圖時,請選擇圖塊組為“內部地圖”,尺寸為17x17,其它參數不變。如果你忘記了如何新建地圖,請你查看前文的教程。

室內地圖的繪制有所區別。我們需要先使用墻體的上半部分畫出房屋的大體輪廓。

繪制房屋的輪廓

接下來填充墻體。墻體一般來說為兩個單位高。你需要發揮你的空間想象力,完善你的地圖:

完善墻體。房子的雛形已經顯現出來了

我們只需要鋪設地板就可以完成房子的構建。選擇一塊合適的地板樣式,為房間內部鋪滿地板。

為你的房間鋪滿地板

接下來你只需要進行簡單的裝飾就可以了。在你完成之后,你就可以在你的室外地圖和室內地圖中進行測試。測試的方法很簡單,你需要切換編輯模式到事件模式下,將玩家的初始位置設置到你自己繪制的地圖上,進入游戲測試即可。關于如何切換編輯模式和如何設置玩家初始位置,我在上一期教程中講過,忘記的同學可以查看。

繪制地圖完成后你可以進行測試

同樣,你也可以使用自己的素材替換默認的丑陋的圖塊。關于如何導入和更改素材,我將在下一節:創世原料 - 認識不同規格的游戲素材中向大家講解。

自由練習

以下作業留作自由練習:嘗試不同場景的室內地圖繪制,比如游戲中經常會有的雜貨店、圖書館、酒吧等。

我的個人公眾號還在建設中,在建設完成后將在我的個人主頁告知大家。屆時您可以將您的地圖作品截圖發送至公眾號后臺,我會一一回復并給出建議。


<a>TBC 未完待續</a>

我是Lem0,和你分享英語/編程/高效學習的所思所想。如果你喜歡這一些列教程,不妨關注我,以免錯過更新動態。有任何疑問煩請私信聯系。

已授權“版權印”進行版權保護。獲取授權

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,563評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,694評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 178,672評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,965評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,690評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,019評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,013評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,188評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,718評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,438評論 3 360
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,667評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,149評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,845評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,252評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,590評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,384評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,635評論 2 380

推薦閱讀更多精彩內容

  • 我是Lem0,自學倡導者,執迷于“不務正業”,被批評“旁門左道”。我注冊并使用簡書,希望能夠記錄一些我記不住的事情...
    Lem0閱讀 4,451評論 5 11
  • 我是Lem0,自學倡導者,執迷于“不務正業”,被批評“旁門左道”。我注冊并使用簡書,希望能夠記錄一些我記不住的事情...
    Lem0閱讀 4,926評論 9 83
  • 官網中文版 1 簡易天空替換## 技能:線性擦除,追蹤運動,用顏色鍵K出人物,用色彩曲線調色。(1)天空圖片素材放...
    朱細細閱讀 10,803評論 4 82
  • 一、照片名稱:調出照片柔和的藍黃色-簡單方法, 1、打開原圖素材,按Ctrl + J把背景圖層復制一層,點通道面板...
    瀟湘妃子JC閱讀 4,274評論 0 17
  • 如果一個人每天都有新的想法和新的體會,無非兩種情況,一種是厚積薄發,另一種是無病呻吟,而大部分人屬于后者。 雖然2...
    人生反之亦然閱讀 3,205評論 0 1