（本系列是一個(gè)回歸電子游戲原點(diǎn)的特別系列，作者 @goodorc_gamedev）

第4期了，這一次咱們變身美工，體驗(yàn)幾十年前戴著鐐銬畫(huà)畫(huà)的美術(shù)創(chuàng)作過(guò)程。

1、Tile簡(jiǎn)介

在電腦上玩過(guò)FC模擬器的同學(xué)，可以去找一個(gè)馬里奧1代的rom文件，用YY-CHR打開(kāi)（直接拖到Y(jié)Y-CHR窗口里就行）。

打開(kāi)以后，會(huì)發(fā)現(xiàn)這個(gè)文件的前半部分是亂的，實(shí)際是程序和其他數(shù)據(jù)，所以是混亂的二進(jìn)制數(shù)據(jù)。而最后一段，能明顯看出馬里奧大叔的形象，以及“01234”、“1UP”等游戲中的字符。

這一段二進(jìn)制數(shù)據(jù)正是游戲中所用到的所有圖形~~

觀(guān)察會(huì)發(fā)現(xiàn)，所有圖形被做成了一塊一塊的，每一塊是8x8=64個(gè)像素。這個(gè)小塊就被稱(chēng)為T(mén)ile瓦片?；瑒?dòng)滾動(dòng)條發(fā)現(xiàn)tile一共有2屏，不到512個(gè)小塊。

印象中超級(jí)瑪麗的內(nèi)容還算是豐富多彩，但是實(shí)際上這512個(gè)小塊就是它的全部素材了。小號(hào)的馬里奧大叔是4個(gè)tile，吃了蘑菇會(huì)變成8個(gè)tile，寬度沒(méi)變，高度是原來(lái)的兩倍。

所有的背景磚塊、花草樹(shù)木、蘑菇烏龜、白云旗桿、魚(yú)鳥(niǎo)庫(kù)巴、金幣子彈，甚至還有開(kāi)始界面、分?jǐn)?shù)字符，全都用這不到512個(gè)tile完美表現(xiàn)出來(lái)了。

2、色彩限制——調(diào)色板

到這里可能有人要問(wèn)，這個(gè)圖的配色怎么這么陰間？好像不是正確的顏色吧？

確實(shí)……FC為了極限壓縮內(nèi)存顯存，不僅要求畫(huà)面是基于tile的，而且還要求每個(gè)tile內(nèi)的顏色不能超過(guò)4種。甚至這4種中的第一種必須是保留的透明色，所以實(shí)際能用的顏色只有三種！

仔細(xì)看看馬里奧大叔你就明白了，美工已經(jīng)盡力了。

觀(guān)察上圖蘑菇的描繪，可以看到美術(shù)用橙色表示了蘑菇本體與下方陰影色，絕了。

我們知道，路易吉是馬里奧的換色，在換色時(shí)，必須整體更換調(diào)色板：

所以路易吉的帽子和衣服必須同色，因?yàn)轳R里奧就是同色的。衣服帽子的顏色不可能不相同。

3、創(chuàng)建字符表文件CHR

至此我們已經(jīng)對(duì)基礎(chǔ)知識(shí)略有了解，可以著手開(kāi)始畫(huà)chr了。

在FC游戲大師中新建代碼和資源 -> 4K圖形圖案，即可創(chuàng)建chr文件。

創(chuàng)建好chr文件，或者雙擊打開(kāi)已有的chr文件，就會(huì)彈出YY-CHR工具，在里面編輯像素畫(huà)即可。

4、用YY-CHR工具畫(huà)像素畫(huà)

雙擊打開(kāi)我們一開(kāi)始創(chuàng)建好的my_chr文件畫(huà)圖。我說(shuō)一下使用要點(diǎn)：

1、注意基礎(chǔ)設(shè)置，設(shè)置錯(cuò)了會(huì)給后續(xù)工作帶來(lái)很大麻煩，甚至要重畫(huà)（不要問(wèn)我怎么知道的）。

文件格式：2BPP NES

排列方式：正常顯示。只有正常顯示模式才能和其他軟件配合！

畫(huà)面左、畫(huà)面右兩個(gè)勾選框，只是顯示/隱藏參考點(diǎn)用的，不用管。

2、簡(jiǎn)單使用方法

簡(jiǎn)單來(lái)說(shuō)，就是在左側(cè)選中某一個(gè)tile，在右邊調(diào)色板中選一個(gè)顏色，在右邊直接畫(huà)就行。

最左上角的0號(hào)tile應(yīng)當(dāng)留空~~ 未來(lái)編程時(shí)需要空白tile的時(shí)候，用0號(hào)就代表空白。

★ 倍率：非常有用的選項(xiàng)，選擇x16就是畫(huà)一個(gè)tile（8x8像素），如果要畫(huà)大一點(diǎn)的圖比如馬里奧大叔4個(gè)tile，可以選擇x8。還有x4、x2、x1以此類(lèi)推，最常用的就是x8。

3、編輯調(diào)色板

在調(diào)色板中可以選取顏色，調(diào)色板本身的顏色也可以編輯。

FC能用的顏色僅有固定的52種，也就是最前面那一頁(yè)的顏色。選擇顏色時(shí)，不要拖動(dòng)顏色列表到下面。這52種顏色編號(hào)有64個(gè)，很多編號(hào)顏色是重復(fù)的。

某些顏色顯示不正，第16色應(yīng)該是大紅色。

★ 調(diào)色板的限制：

1. 一個(gè)調(diào)色板僅有4個(gè)顏色，每一個(gè)tile只能用一個(gè)調(diào)色板，點(diǎn)擊不同的調(diào)色板就可以看到你的圖在不同色彩配置下的效果。

2. 建議初學(xué)者僅使用4個(gè)調(diào)色板，我的打飛機(jī)項(xiàng)目也僅用了4個(gè)調(diào)色板。如果超過(guò)4個(gè)調(diào)色板，內(nèi)存地址會(huì)和我的項(xiàng)目略有區(qū)別。

3. 為統(tǒng)一規(guī)范，我們規(guī)定透明色一律用0F表示，且每個(gè)調(diào)色板的第一個(gè)顏色必須是0F透明。

4、YY-CHR的編輯工具非常強(qiáng)大

YY-CHR支持框選、復(fù)制粘貼、平移、畫(huà)長(zhǎng)方形等等功能，大家多嘗試。特別注意調(diào)整圖形位置時(shí)不用重畫(huà)，用框選工具就能搞定。

繪制黑色矩形方塊就能起到清屏效果。

鼠標(biāo)右鍵可以取色！~~非常方便。

5、抄襲方法【狗頭】

估計(jì)大部分同學(xué)和我一樣，并不會(huì)畫(huà)畫(huà)【汗】

推薦一個(gè)超強(qiáng)的tile圖參考網(wǎng)站：https://www.spriters-resource.com/

該網(wǎng)站有大量網(wǎng)友整理的各個(gè)游戲的精靈圖，完全可以臨摹甚至拷貝。

拷貝方法

下載合適的圖片文件，用windows畫(huà)圖工具打開(kāi)。在畫(huà)圖工具里按ctrl鍵+鼠標(biāo)滾輪放大。

使用油漆桶工具，將背景改為純白色（表示透明）。

然后使用框選工具，選擇圖形范圍，復(fù)制。

在YY-CHR中選擇一個(gè)位置，粘貼即可。

這里的操作非常古怪，顏色識(shí)別也很亂，大家多試驗(yàn)。

再次提醒：YY-CHR的圖形編輯功能十分強(qiáng)大，移動(dòng)位置很方便。

之后，顏色需要手動(dòng)重新調(diào)整，先根據(jù)圖片選擇一套調(diào)色板，逐步調(diào)整。

上圖中劍的顏色有問(wèn)題，超出4種顏色范圍了，暫時(shí)去掉。修改顏色后如下：

是不是有那味了？

本期截圖好累，暫時(shí)先到這里，下次繼續(xù)。

（本文作者@goodorc_gamedev，歡迎加入游戲開(kāi)發(fā)群歡樂(lè)攪基：1082025059

對(duì)游戲開(kāi)發(fā)感興趣的童鞋可戳這里進(jìn)一步了解：http://www.levelpp.com/）