幾何圖形構成的向量化極簡風格美術

引言

今天分享一下我之前做的一個概念，依然是主要聊美術風格上的設計。

其實之前一直都在做模擬經營和策略相關的遊戲型別，這次我想做一次玩法上的結合，因為我個人真的很喜歡策略遊戲，但是又想去挖掘新的玩法，腦子裡時常會蹦出各種玩法結合到策略遊戲中的概念。一直想能把策略性和經營要素結合成一個稍微輕度的玩法。


對 RTS 遊戲玩得比較多的玩家，應該對《要塞：十字軍東征》都不陌生，這是由螢火蟲工作室於 2001 年開發的即時戰略遊戲。這款遊戲與其他同型別遊戲最大的區別就是很好地結合了經營與戰爭部分，兩個部分都非常出彩，城防的策略部分可以說是當時同型別遊戲之最。經營部分慢節奏而豐富，戰爭場面也是氣勢恢巨集，歐洲十字軍與阿拉伯軍隊的兵種特色也體現得淋漓盡致。在 2D 遊戲表現力有限的情況下，這部作品達成了這個系列的頂峰，以至於後來的重置版也沒有能超越當年的光輝。


遊戲地圖使用的是六邊形戰棋，每個單位格可以放置一個建築單位，或一個軍事單位；倉庫和糧倉可以存放多個單位的物資，玩家通過卡牌來控制當前回合的操作，而回合結束時會結算每個回合的事件變化及收益。

使用卡牌的玩法簡化了策略難度同時又增加了隨機性，生產經營和戰鬥的部分都使用策略回合制也類似於文明系列的設定，遊戲玩法在這裡就不做過多介紹。玩過要塞，北境這類遊戲的玩家，應該能理解其中的遊戲機制。


我主要想說的還是美術風格的設計想法。針對六邊形地圖，我使用了幾何圖形拼湊出的模型設計思路。這樣去設定風格有兩個原因。

遊戲的時代背景為中世紀，十字軍東征時期，歐洲中世紀藝術有一個共同的特點：“試圖用新的手法來表現抽象的靈魂和對宗教的虔誠，而不在乎所畫的形象是否真實生動。”故有的作品顯得抽象，古怪，不夠自然和諧。而伊斯蘭教國家的匠師們將他們的精力主要用於伊斯蘭教的宗教建築——清真寺以及各種植物、幾何圖案裝飾上，裝飾圖案因此得到了極大的發展。


而使用幾何圖形做為結構造型，也更能凸顯出一種軍隊的秩序感，以及在小地圖上可以表現出的“大場面感”。同時，簡單的線條也能讓畫素單位很低的單位，在儘可能多地在減少細節的前提下，讓角色和場景以及 UI 形成一致的細節量，以便讓整個畫面達成協調的統一感。這個道理其實也可以同理在畫素風格的遊戲中使用，越是畫素數少的角色，你會發現細節會化繁為簡，以迎合場景和 UI 的細節量。


為什麼要減少細節

我一直覺得對於一個遊戲，風格化的表現只能取一種。如果是畫素遊戲，那基礎的畫素單位如果是 1 pixel，那場景角色甚至 UI 的描邊，細節單位都要統一在 1 pixel 這個尺寸上。同理到這個極簡風格，場景和角色的描邊以及細節量都要統一，這樣才能有是同一種美術資源的協調感。


對於這種美術風格，整體畫面的統一感很重要，因為做美術資源的同時也是在做地圖，遊戲玩起來，有一種可動的埃及壁畫的感覺，我想如果做成中國風，我可能也會做成清明上河圖的感覺，沒錯，像畫一樣。


軍隊在列陣時也要遵守幾何圖形的排列，這一方面是為了表現出整體畫面秩序感，另一方面，也能讓每個單位格子儘量撐滿所佔的六邊形。這有什麼好處呢？

在模擬經營遊戲裡，地塊的概念很重要，而每個單位格子上所擺放的單位，就相當於往一個一個盒子裡裝水，最後再將盒子拼起來。也就是說，你玩模擬經營遊戲的時候，也是在把一個個坑填滿的過程。所以把每個格子撐滿，也就達成了統一的秩序感，模擬經營那種上帝視角，看起來才舒服。當然，撐滿格子也會讓單位看起來更具張力，從而表現出一種“萌”的感覺。


慢節奏的遊戲如何表現戰鬥

我們可能儘可能地要做慢一些。這裡的慢不光指速度，主要還是決策時的演出節奏。

在要塞十字軍東征這款遊戲裡，重灌單位的行進速度可以說是異常地慢，有時甚至都會覺得在播放慢動作，而恰恰是這種慢節奏的移動，對比輕裝單位的快速跑動，反而突顯了重灌單位那種抗打擊的特點，以及準備面對最終決戰時的信念。（獅心王的前方斥候部隊被打退，面對遠處緩緩到來的大批十字軍，那種兵臨城下的緊張感會油然而生。）







首先遊戲是要做的是下棋的感覺，那能表現出戰爭的決策感可能更重要，也就是說，既然是策略遊戲，我們注重表現的可能不是一招一式，而是指揮命令下達指揮的那種執行動作。弓箭手的箭雨，步兵們擺出架勢前進，這裡我們不需要做出速度感，我們只需要注重執行命令的堅決心態就足夠了。因為這些角色本身就是臉譜化的，做的過於動感反倒會破壞了肅穆氣氛。我們著重表現出來的，還是下棋的感覺。

最後，關於這款遊戲的概念，我還在嘗試找尋更好的風格點，今天只是拋磚引玉，如果能對你起到一些啟發，我會倍感榮幸；如果對這個風格概念還想更多瞭解，也歡迎你給我留言，我也可能會在今後繼續分享一些創作。

作者：祖瑪
來源：indienova
原地址：https://indienova.com/indie-game-development/minimalist-art-with-geometric-vectorized-graphics/