#105 使用 Open Peeps 或 Picrew 圖庫開發紙娃娃 App
Published in
8 min readFeb 29, 2020
感謝插畫家 Pablo Stanley 免費提供一系列的人物插畫,我們可以自由地更換髮型,衣服、表情,打造帥氣美麗的人物。有興趣的朋友不妨試試利用 Open Peeps 圖庫開發有趣的紙娃娃 App 。
其它紙娃娃圖片網站
Picrew
Freepik
搜尋 character。
Uchinoko Maker,貓咪插圖產生器
接下來就讓我們以 Open Peeps 為例,一步步說明如何使用它的圖片吧。
下載圖檔
連到網站 Open Peeps,點選 Get the Library。
點選 Flat Assets 下載。
點選 Separate Atoms。
Separate Atoms 裡有人物各個部位的切圖。
比方 body 是身體,head 是頭。
將圖檔加到 Assets
將圖檔加到 Xcode 的 Assets.xcassets,勾選 Preserve Vector Data,Scales 選擇 Single Scale。
開始寫程式, 使用 Open Peeps 圖庫設計人物
現在我們可以開始發揮創意開發 App,讓使用者從 App 裡選擇每個部位的圖片,打造帥氣美麗的人物角色。
進階版
- 點選隨機 button 自動設計人物造型。
- 搭配分頁的 scroll view & 小圓點呈現選擇的項目。
- 切換背景。