作者sPAlchemist (水)
看板AnimalForest
标题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 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/AnimalForest/M.1598722834.A.619.html
1F：推 waroz : 正需要这个呢XD 08/30 04:18
2F：推 waroz : 有点小问题，字体预览在滑鼠移除画框後不会消失， 08/30 04:45
3F：→ waroz : 还有一开始透明色可以选，後来不知道为什麽选不了 08/30 04:45
4F：推 ch410773 : 这篇唯一的问题大概就是范例了呢XDD 08/30 08:04
5F：推 iris83204 : 范例影片笑死XDDD 08/30 09:50
6F：推 BenShiuan : 为什麽透明色不能选啊，我怎麽把底色变回透明？ 08/30 12:38
这是个bug，普金已派
修理工排除了，重整读取网页应该就正常了，感谢回报:D
7F：推 flava : 范例XD 08/30 17:26
※ 编辑: sPAlchemist (111.71.75.184 台湾), 08/30/2020 21:58:48
8F：推 BenShiuan : 感谢修正 08/31 11:47
9F：推 BenShiuan : 希望有显示格线的功能 08/31 23:21
格线的功能有在开发项目中，下次更新应该会实作:D
10F：推 Tabrith : 影片wwwwwww 09/01 00:50
11F：推 Araby : 推 09/01 07:42
12F：推 soyjay : 呜呜呜太晚看到这篇了 之前画岛民生日烟火画到累死 09/02 12:08
今天做了些优化跟除错，在这边更新一下
============ 2020-09-06 更新项目 ============
1. 优化文字点阵化的速度。
2. 修正读取LocalStorage时，错误的格式会造成编辑器无法使用的问题。
(
*主要修正之前网友有操作到一半就无法使用的问题)
3. 修正滑鼠移开编辑区域後，文字或者印章图案仍会停留在上面的问题。
※ 编辑: sPAlchemist (223.136.230.29 台湾), 09/06/2020 18:37:56
13F：推 thaleschou : 推更新 09/11 06:32