從零開始獨立游戲開發(fā)學習筆記（三）--繪畫/像素畫學習筆記（一）--Drawbox 繪畫基礎(chǔ)
2021/10/4 更新：Roadmap 更改，從 drawbox 教程換成 Krenz 的教程。此篇完結(jié)。
原文：
出差住酒店ing。
前言
半年前在各種地方搜索像素畫系統(tǒng)的學習方案。最終我得出了一個結(jié)論：很可能根本沒有系統(tǒng)的像素畫教學方案。像素畫畫的好的，往往都是其他畫也畫的相當不錯。像素畫本身的知識并不多，就像素本身的那點特性，幾節(jié)課就能講完。
一個有美術(shù)素養(yǎng)的人，學習像素畫之后，能很好地運用自身的知識。知道自己該練習什么，甚至直接上手畫。
但是像我這種完全沒接觸過的人，說實話，我連怎么練習都不知道。是的，像素畫我是學過的，一年前我找到 b 站的一個教程。然后對著練習，教程教的很好，我從頭練到尾。照本宣科地畫了好幾個像素畫，甚至還包括動畫。但是教程結(jié)束了之后，真的就是結(jié)束了，包括我的像素畫生涯都一并結(jié)束了。后來我想盡辦法也只是照著蔚藍作者的那幾幅圖學像素動畫。但是，并不能讓我靜態(tài)畫的有多好。
經(jīng)過我不懈地尋找，終于在某一天，在某個不存在的網(wǎng)站上找到某個相關(guān)問題，然后有人在評論區(qū)推薦題主先看?DrawBox?這個網(wǎng)站（需要正確的上網(wǎng)方式）來練習基礎(chǔ)，至少要看個一兩課。還說了一些別的，翻譯過來大概意思就是：就是無論怎樣，像素畫的基礎(chǔ)都是美術(shù)?，F(xiàn)在看來這句話太對了，我老是把像素畫和其他美術(shù)分割開來看。但仔細想想，哪有什么畫畫技巧是像素畫不用學的呢？難道像素畫不加光影會好看？不構(gòu)圖會好看？哪有這種事。
當然，這些都是零基礎(chǔ)的小白的總結(jié)。沒有走過彎路，單純靠思考得出來的結(jié)論。如果有會像素畫的人看到以上觀點，覺得 “不對啊，這和我的經(jīng)驗不一致?！?，請務(wù)必告訴我。我會十分感謝您的。
1. 直線（Lines）
半年前找到這個網(wǎng)站的時候?qū)W了第一節(jié)課，講的是直線的畫法?，F(xiàn)在大概回憶一下?；揪褪牵?/p>
畫長直線的時候要移動肩膀，而不是手腕。這樣能夠畫出很長，平滑的直線，中間不會有停滯。
smooth 比準確更重要。平滑無停滯一次畫完的直線更好。
Ghosting Method：畫一條直線前，先用筆在軌跡上方移動幾下，等到手感差不多了，再讓筆尖觸碰畫紙，一次性畫一個自信地，無停滯的直線。
zigzag 軌跡不要一次性畫完，而是拆成多個直線，畫到轉(zhuǎn)折點就停下來。然后下一步再畫一個直線。
2. 橢圓（Ellipses）
橢圓其實可以看做是 3d 上的圓旋轉(zhuǎn)的時候映射到 2d 上的樣子。
當視角固定的時候，一個圓在面前移動，就是橢圓在不停地發(fā)生變化的過程。靠近人眼的時候，degree（橢圓的寬度） 會減少，遠離的時候則會增多。
2.1 圓柱體（Cylinder）
其實管道的截面應(yīng)該是一個 degree 不斷變化的過程，下圖中，上面的截面應(yīng)該是錯誤的，真實場景應(yīng)該像下面這樣變化才對。
2.2 minor axis
橢圓的 minor axis 是將橢圓等分的兩條線中短的那條（原諒我畫的太爛了）。
2.2.1 normal vector 與 minor axis 的關(guān)系
法線是垂直于一個平面的線：
而反應(yīng)到 2d 映射中，其實就是 minor axis。
3. 橢圓作業(yè)
作業(yè)見這里。一定要按照要求來。不要聽歌。Ghosting 的時候容易被節(jié)奏帶偏。
3.1 作業(yè)1：Table of Ellipses
先按照紙張那樣畫一個表格。然后在里面填充橢圓。表格大小要不一樣，這是為了鍛煉畫不同大小的橢圓。可以在表格中間畫一條曲線或直線，然后再填充。 要點：
每個圓盡量和邊緣對齊。
每個圓盡量和其他圓對齊。
每個圓畫兩次，也就是畫完手不要停，沿著之前的軌跡再來一遍。
第一張：
第二張：
3.2 作業(yè)2：Ellipses in Plane
這里要用到直線作業(yè)（which I did half year ago）的結(jié)果，可惜我已經(jīng)扔掉了。因此我還要重新做一次直線作業(yè)。
慘不忍睹的第一張：
第二張：
3.3 Funnels
作業(yè)要求畫一張，但我第一張畫的是真的爛，加畫兩個。
慘不忍睹的第一張：
實在忍不住加畫的第二張
