#2 用view做出哥吉拉第二形態蒲田君

剛上岸就大噴血的蒲田君

Step1:Google搜尋「蒲田くん ドット絵」(點陣圖、像素圖),從Pinterest找到這張充滿喜感的蒲田君。

image credit:https://www.pinterest.jp/pin/576601558526626013/

Step2:打開網站「ドット絵ナニカ」(點陣圖生成網站)

選擇「通常モード」(一般模式)。另外一個是動森模式,想在動森上畫點陣圖的可以選。上傳剛剛下載的圖片後,選擇點陣圖尺寸。我選擇一般常見的48x48。

最後按下「変換」,點陣蒲田君就出現啦!右側是網站運算出的調色盤。

Step3:根據iPhone 14 Pro的尺寸去拉一個最大值,大概是48x7倍=336。Superview就設定成336x336。

接下來就是數學時間。建立9個View當作尺規參考線(忘記截圖了),因為畫布是7倍,所以一個dot就是7x7。

Step4:著色畫時間,與耐心奮戰。

Final:詳細步驟全部忘記截圖了…總之最後成品完成。

感想:

大學時曾在一個美語補習班打工,用PPT排版做出一張海報,也是用這種階層的概念。這次用View排出蒲田君,彷彿記憶起當年的惡夢💩

不過比起用Excel畫出鋼彈的神人來說,這個算是草履蟲程度啦。

小技巧:快速選擇顏色

1.Background選擇顏色時按下Custom。

2.出現調色盤後按下下方的滴管

3.按下滴管會出現一個放大鏡,將放大鏡移到想要的顏色點一下就可以囉。

--

--

Patricia Liu
彼得潘的 Swift iOS / Flutter App 開發教室

曾當過台媒的國際新聞編譯,以及日媒支援役。後莫名其妙跑到某電玩媒體擔任記者,但因高層內鬥被離職,繞了一大圈又跑回媒體圈。穿著曾被朋友說很潮,但內心就是個阿宅。興趣是政治、社會、動漫、電玩。有乳糖不耐,愛喝拿鐵,喝完一定烙賽。