Unique

分享一下最近在畫的東西，先上個圖片吧！

Why

這個作品的靈感是來自於 Instagram 個人頁面的正方形縮圖，精確來說應該是一種被稱為「Puzzle Grid」的風格，就像下面這樣（圖片來源），

不過他們這樣單純把圖片拿去切割會有個問題，就是每當發了新的圖片，原本的縮圖就會被往後推，拼圖就被打亂了，所以我想創造一個不管怎麼移動都不會被破壞的拼圖。

How

整張圖的設計如下：

• 每個格子的邊長都是 4 公分，總共 5 * 5 = 25 格
• 每個格子的四條邊上中間 1/3 的區域會留白，並將這四個區域相互連接，或不連接
• 其餘的區域就隨便畫，想辦法填滿就好，這邊其實是想用禪繞畫的方式呈現，不知道大家感覺得出來嗎

每一格在畫之前都沒有打草稿，畫的時候會先用鉛筆大概標一下分區，再來就用三菱 0.3 mm 的代針筆描，禪繞畫的部分則是用 0.05 mm 的代針筆畫的，每一格從鉛筆線到整個畫完大約需要一小時左右，因為我都邊畫邊做其他事情。

Unique & Demo

這個作品的名字叫作 Unique，代表每一種排列組合都是獨一無二的一幅畫，為了把這幅畫用我理想的方式呈現出來，特地弄了一個 demo 網頁，__建議用電腦開啦__，因為行動裝置的話好像只有 Safari 跟 Firefox 可以玩，手機上的 Chrome 會沒辦法點擊，我也懶得查為什麼，我不會寫網頁 ┐(´д`)┌。

網頁連結：https://people.cs.nctu.edu.tw/~yanghc87222/unique/

網頁有兩種互動模式，N Puzzle 跟 Swap，N Puzzle 其實就是模仿數字推盤遊戲的移動方式，如下圖（圖片來源）

只是後來覺得這種模式有時候還蠻燒腦的，畢竟 N Puzzle 原本就是個益智遊戲，用這種移動方式沒辦法很直覺的交換任意方格，所以就弄了另一種 Swap 模式，Swap 模式相對比較好操作，直接點選任意兩個格子就可以交換了。

Note

整張畫完之後其實蠻有成就感的，每一格看似獨立的方格子，組在一起卻構成一幅有連貫性的畫。第一格是 7/14 畫的，那時候給自己的進度是一天一格，照理說是要在 8/7 畫完啦，不過有時候就會偷懶，所以拖到八月底才畫完，畫這個其實蠻累的，要先想要畫什麼花紋，花紋畫好之後還要一點一點把陰影點上去，現在回想起來有點佩服自己，怎麼有辦法坐在書桌前那麼久。

至於網頁的部分我其實還想做一個功能，就是把格子拼起來並輸出成一張完整的圖檔，有空再來看看怎麼處理圖片。