[創作] DIY線上設計樣版編輯器

[sPAlchemist (水)]

不知道大家有沒有試過把照片轉換成多塊樣版，下載到遊戲裡拼成一塊大圖

網路上有滿多工具都能把照片切割生成多個QR code，再利用NSO app下載到遊戲裡
可是因為這樣方式拿到的樣板，會被當作是別人的設計圖案無法在遊戲中編輯
所以拼起來的大圖片就都只會是方形的，沒辦法修掉邊角

雖然像是AC pattern可以對轉換的樣板進行編輯
但在多塊樣板的編輯上使用起來還頗麻煩的

於是決定發揮無人島上凡事DIY的精神，自己做一個線上樣版編輯器！
在這邊分享給有同樣需求的島主們～

皮耶羅筆刷 - 動物之森設計樣版編輯器
https://zack0711.github.io/pietro-brush/


之後還會陸續繼續添加一些新功能
大家如果有什麼想法的話（或是發現bug了XD），歡迎留言跟我說


============ 以下是簡易使用圖文說明 ============

主要介面

◆ 提供大部分「集合啦！動物森友會」內設計樣版的編輯功能。
◆ 上一步按鈕，可及時回覆前一次編輯的步驟。
◆ 自動儲存編輯進度在同一台電腦上（使用者客戶端），不怕遺失辛苦的編輯修改進度。
https://i.imgur.com/DQnXzIc.jpg

匯入圖片和生成QR code介面

◆ 可選擇想要的圖片進行像素轉換及裁切。
◆ 完成編輯後生成QR code可利用NSO app掃描後下載到遊戲中。
https://i.imgur.com/DDuNc8L.jpg

照片轉換到遊戲中比對圖
https://i.imgur.com/2vuzi9s.jpg

也可以用來快速製作煙火造型！
下面是施放哆啦a夢角色群的煙火短片
https://youtu.be/Qgy6_o6B_Vc

================== 說明結束 ==================

最後，如果你也對自製樣板編輯器有興趣的話
我都放在這個DIY方程式裡頭了喔～
https://github.com/Zack0711/pietro-brush

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.241.21.233 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/AnimalForest/M.1598141432.A.902.html
※ 編輯: sPAlchemist (111.241.21.233 臺灣), 08/23/2020 08:13:11
※ 編輯: sPAlchemist (111.241.21.233 臺灣), 08/23/2020 08:15:48
推 davidddd    : 哇好猛！！！
推 MonicaChen  : 有神快拜啊
推 mystyle19   : 好棒的工具！推
推 refusekkk   : 好猛
推 raindayla   : 推
推 ablueee     : 大神接受一拜
推 fighter306  : 我還以為胖虎會是藍色的
推 red09010926 : 使用幾次後，頁面會變成空白的！怎樣刷新都沒用，
→ red09010926 : 不知是哪裡出問題
推 kiyu1077701 : 推！！太厲害了
推 jade5913    : 好像跟樓上R大遇到一樣的問題 https://i.imgur.com/
→ jade5913    : PkMKi64.jpg
→ jade5913    :  https://i.imgur.com/8Ge2BD8.jpg
感謝jade5913和red09010926的錯誤回報，有修正一個可能的錯誤及error tracking
如果有空的話再幫我重新整理進入看看:D
推 soyjay      : 很棒的編輯器，先推！
※ 編輯: sPAlchemist (111.241.21.233 臺灣), 08/23/2020 17:51:11
推 tsukinohi   : 推個
推 thaleschou  : 剛剛進去看起來很厲害
→ thaleschou  : 用手機好像會有滑動網頁會不好畫的狀況
推 smallcat510 : 感謝分享，但可能只適用電腦？用手機會滑動不好操作