超級馬里奧為什麼要把褲帶提那麼高

原文鏈接：一起來畫像素畫，我家的馬賽克不可能這麼萌！ - 集智專欄

作者：朝陽

像素畫（Pixel Arts）是一種獨特的藝術設計形式，也是現代設計藝術中的一個另類領域。這種設計風格不僅歷史久遠，而且廣受歡迎。從馬里奧到我的世界（Minecraft），以及之前風靡全球的小遊戲Flappy Birds，像素畫以及像素渲染風格都呈現出了其強大的魅力和感染力。即使現在的硬體性能已經足以渲染超高清級別的動態畫面，但像素繪畫作為一種復古派的設計藝術，依然能夠得到人們的追捧和喜愛。

（電影《像素大戰》）

像素藝術最早其實是人們企圖實現圖形化界面但硬體水平又遠遠無法達到需求的一種妥協性方案。為了在像素點有限的屏幕上呈現圖形內容，人們必須想方設法把原來的複雜圖案轉變為僅用若干個顏色點陣便能使人辨識的像素圖形。雖然直觀上設計師的工作是把原來的圖形變簡單了，但是這種圖形的轉換需要極高的觀察力和藝術才能，同時對於色彩的搭配也要有著敏銳的嗅覺。為什麼電腦上的回收站是一個垃圾桶？為什麼保存按鈕是一個軟磁碟？這是因為只有這些事物能夠被轉變為具有較高辨識度的像素圖案，從而能夠滿足圖形化操作界面的要求。

（Macintosh系統早期的圖標設計）

很多人也許會奇怪，為什麼馬里奧一定要是一個有鬍子戴紅帽子的大叔？這一問題的答案在於，遊戲中人物必須能夠繪製在16x16的點陣之內，對於如此小的像素圖形，人物的嘴唇和頭髮這些器官的辨識度遠遠不如鬍子和帽子，因此馬里奧大叔才會穿成那個樣子——他的藍色背帶褲也是因為這個原因。

早期像素圖形的設計師們主要使用方格繪圖紙來進行工作，藝術家們需要使用不同顏色的筆，在方格紙上填充格點，並不斷修正以得到最終的呈現方案。這是繪製像素風格圖形最原始、也是最一般的方案，下面的窗格中就實現了一個8位像素圖（尺寸16x16）的設計環境，大家可以在這裡體驗一把設計師的感覺。

（原文頁面內有嵌入代碼，可在線打碼）

另外一種更為省事的辦法就是直接把已有的圖片轉換為像素風格，簡單來說，就是首先將圖片的尺寸壓縮（也就是提取特殊點），然後使用各個像素點的顏色值來重新繪製色塊（相當於填充格點），最終得到我們所需要的像素圖形（其實這個過程與馬賽克的生成過程基本一致）。雖然這樣處理的結果並不一定會滿足我們的需要（圖片輪廓會淡化，導致圖形辨識度下降），但是像素風格會得到顯著的體現。下述程序完整實現了將任意圖片轉換為像素圖形的功能，大家也可以試一試，看得到的結果效果如何。

（原文頁面內有嵌入，可替換為任意圖片URL打碼）

當然，隨著計算機軟體的進步，使用方格紙來設計像素圖形已經成為過去時，現在我們可以使用各種優秀的設計工具來快速實現以上過程。比如說Adobe Illustrator就支援各種像素圖形的設計和轉換過程，感興趣的同學可以自行搜索學習，如有必要我們將在社區進行討論，在此不多做贅述。

毫無疑問，現在的計算機圖形渲染性能已經完全不需要像素圖形來減輕硬體壓力——現在的主流硬體已經足以渲染高達4K解析度的動態圖形，而圖形設計風格也向高清化、簡約化方向發展。但這並不意味著像素藝術就失去了其生存的空間。相反，像素藝術承載著歷史的縮影，蘊含著人類的智慧與想像，它不僅是視頻遊戲、平面設計領域的一項重要的圖形表達方式，也是一種優秀的、前衛的設計語言。通過了解和研究像素圖形的誕生與發展，我們將能領略到計算機圖形那波瀾壯闊的演變歷史，以及電子科技給我們帶來的深遠影響。

推薦閱讀：