Re: [创作] DIY线上设计样版编辑器

楼主: sPAlchemist (水)   2020-08-30 01:40:32
上周日晚上有位神秘人物来到我岛上,向西施惠递交了他设计的烟火
然后空中就出现了这样的画面...
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

Links booklink

Contact Us: admin [ a t ] ucptt.com