看板 AnimalForest
作者 sPAlchemist (水)
標題 Re: [創作] DIY線上設計樣版編輯器
時間 Sun Aug 30 01:40:32 2020


上週日晚上有位神秘人物來到我島上,向西施惠遞交了他設計的煙火
然後空中就出現了這樣的畫面...

https://youtu.be/UjVCHoTLsSM

讓我突然想到~
可以自訂圖樣的煙火...不正好最適合用來傳情告白了嗎!!

但現在編輯器只能把圖片匯入,到處找圖湊字實在太麻煩
自己用滑鼠慢慢的點,字也很難畫得漂亮

於是為了更有效把握北半球今年最後一次的煙火大會
立馬新增文字編輯輸入的功能!

編輯器傳送門 ( https://zack0711.github.io/pietro-brush/ )

 


======新功能介紹分隔線======

同色系色盤選取

1. 點擊想要的色系色盤按鈕。
2. 會把色盤前九個色塊更換為該色系的九個顏色。

https://i.imgur.com/MSTFiuL.jpg
[圖]


新增多個空白編輯區塊

1. 在沒有匯入圖片的情況下仍可設定裁切的塊數,按下裁切後即可生成多個空白區塊。
2. 新產生每個的空白編輯區塊,其色盤會自動繼承前次正在使用的色盤

https://i.imgur.com/DZvIC9H.jpg
[圖]


文字編輯輸入

1. 點選文字工具按鈕,會顯可以輸入的文字塊和編輯按鈕。
2. 按下編輯按鈕後可進行文字輸入及生成新的文字塊。
3. 在輸入框編輯想要新增的文字,可以另外調整文字大小及字型。

https://i.imgur.com/XYUgTdO.jpg
[圖]

4. 除了系統字型另外提供五種字型可以選擇。
   ◆ 瀨戶字體
   ◆ 粉圓體
   ◆ 青柳草書
   ◆ 青柳隷書
   ◆ 篆體( 給覺得正常文字傳情太害羞的人XD )
5. 編輯好文字後,按下轉換點陣圖後會開始把新輸入的文字轉換成點陣文字圖。
   ( 如果選了系統以外的字型轉換時間會較長。)
6. 要保留轉換好的文字圖片就直接按下確認,如要放棄編輯則點擊取消

https://i.imgur.com/7XBKoT2.jpg
[圖]

7. 回到主畫面後,即可點選新增的文字放到選取的設計圖樣上。
8. 擺放文字到畫面上時,程式會自動挑選選取色塊的鄰近的兩個色塊組成圖案,
   建議可以先調整好色盤後再擺放文字效果會更好。

https://i.imgur.com/eSyAyF1.jpg
[圖]

======新功能介紹結束分隔線======


有任何建議或是遇到問題,一樣都歡迎在下面留言跟我說
一些手機上操作的問題正在想辦法解決中,目前還是在電腦上比較方便編輯

希望大家玩得盡興,傳情成功  (* ̄▽ ̄)/‧★*"'*-.,_,.-*'"*-.,_☆


※ 引述《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.71.75.184 (臺灣)
※ 文章代碼(AID): #1VIfCIOP (AnimalForest)
※ 文章網址: https://www.ptt.cc/bbs/AnimalForest/M.1598722834.A.619.html
waroz: 正需要這個呢XD
有點小問題,字體預覽在滑鼠移除畫框後不會消失,還有一開始透明色可以選,後來不知道為什麼選不了1F 08/30 04:18

--
--
作者 sPAlchemist 的最新發文:
  • +38 [推薦] 不然你來開!蘇黎世運河:大排長榮挑戰 - C_Chat 板
    作者: 143.189.105.247 (日本) 2021-04-02 17:14:02
    嗨~清明節連假好 蘇黎士運河的塞子幾天前終於拔開了 不知道各位會不會好奇,輪船怎麼開才會卡成那樣嗎? 這幾天做了個模擬駕駛貨輪的小遊戲——『蘇黎世運河:大排長榮挑戰』 只要用手指或鍵盤,就能簡單體驗操 …
    52F 38推
  • +43 [閒聊] 吉卜力-大喜利號,啟動! - C_Chat 板
    作者: 143.189.104.223 (日本) 2020-09-27 12:44:00
    吉卜力工作室釋出400張動畫劇照後,網路上就開始充斥了各種創作梗圖 甚至還出現了「第一屆推特吉卜力大喜利大賽」這樣的玩意 本來打算躬逢其盛做張圖跟風一下,但又要抓圖又要開編輯軟體實在太麻煩了 而且身為 …
    44F 43推
  • +2 Re: [創作] DIY線上設計樣版編輯器 - AnimalForest 板
    作者: 111.71.75.184 (台灣) 2020-08-30 01:40:32
    上週日晚上有位神秘人物來到我島上,向西施惠遞交了他設計的煙火 然後空中就出現了這樣的畫面... 讓我突然想到~ 可以自訂圖樣的煙火...不正好最適合用來傳情跟告白了嗎!! 但現在編輯器只能把圖片匯入, …
    3F 2推
  • +71 [閒聊] 泥馬霸氣符咒編輯器 - C_Chat 板
    作者: 36.226.173.95 (台灣) 2019-02-28 01:49:19
    最近還願超夯,但steam又下架玩不到了... 就利用下班時間刻了個泥馬霸氣符咒編輯器,分享給大家把玩 傳送門: *目前支援桌機版Chrome和火狐兩個瀏覽器 以下是簡易使用圖文說明 線上版說明文件: …
    75F 71推
(sPAlchemist.): Re: [創作] DIY線上設計樣版編輯器 - AnimalCrossing板