简单易用,跨平台,20KB!
效果
效果预览:
https://www.bilibili.com/video/BV1cf4y1H7Pa
无论写代码还是写工具,都要明确输入与输出。
输入:零碎的字体图片(通常是数字)
处理:可动态调整参数,预览实时效果
输出:一张合图以及字体信息文件
xxx.fnt
为何要重新写一个轮子呢?
Glyph Designer(Mac) 与 BMFont (Windows) 功能完善,但是有平台限制。个人不习惯其操作
Cocos Store
中也有许多优秀的 BMFont 插件,但是依赖Cocos Creator
,可能会有对应版本限制。
实现
于是动手写一个 HTML
,依赖浏览器的小工具,目录设计如下:
index.html
renderer.js
index.css
拖入文件
参考mozilla
中的文档,监听ondrop
事件。
https://developer.mozilla.org/zh-CN/docs/Web/API/File/Using_files_from