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 畫完啦,不過有時候就會偷懶,所以拖到八月底才畫完,畫這個其實蠻累的,要先想要畫什麼花紋,花紋畫好之後還要一點一點把陰影點上去,現在回想起來有點佩服自己,怎麼有辦法坐在書桌前那麼久。

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