Skip to content

Latest commit

 

History

History
50 lines (35 loc) · 2.87 KB

File metadata and controls

50 lines (35 loc) · 2.87 KB

说明

该功能主要是将分散的字符图集,输出为*.fnt*.png

入口

打开菜单:扩展=》BitMap字体工具=》字体图集(IMAGE)

使用教程

在UI界面上可以看到几个需要填写的参数

  • 存放路径:生成的fnt,png图片保存的位置,为了方便起见,插件默认指定了一个位置
  • 保存文件名: 生成的fnt,png的文件名
  • 导入到项目: 这个参数必须指定在项目的assets目录下,'导入'操作就是将生成的png,fnt导入到指定的项目位置
  • 项目位图文件: 更新项目位图文件时使用,和creator无缝对接使用

动态图教程

当生成单独的位图文件时

当和creator配合使用,更新项目位图文件时

贴心的功能点

  • 插件对你导入的图片,按照字母或者数字顺序进行了简单的排序,这样方便你查看,符合人的阅读习惯,记住,排序的前提是你对图片名字进行了有规律的命名
  • 输入bitmap的字符时,插件进行了字符校验,比如你输入了11322324,那么插件永远只会截取第一个字符1,之后的都会被忽略,至于为什么,你需要了解下什么是bitmap-font!

如何导入位图?

在插件中间区域就是导入的位图字体信息,导入一张图片,只需要拖拽磁盘上的图片到该区域即可
需要注意的是

  • 目前插件只能识别png图片,如果指定重复路径的图片文件,那么插件将不会导入.
  • 现在已经支持直接从creator编辑器里面的资源管理器中进行图片的拖拽,但是有可能插件对此功能支持的不是很到位,部分creator版本会抛出异常,非常不建议将散图放在项目的资源管理器中。

导入位图之后

导入位图之后,可以在列表中看到该图片的详细信息,在字符一栏可以输入该图片对应的字符,在输入完毕字符后,插件会自动进行校验,如果是空字符或者输入了重复的字符,那么字符栏颜色会变红,方便识别问题

如何删除字符

  • 如果不小心导入了其他图片,那么可以在操作列点击删除按钮,或者在该行任意位置右键=>删除 进行删除
  • 删除全部: 右键=> 删除全部 会删除当前拖入的所有字符图片

如何批量导入字符

插件有个很细心的功能,就是在设置默认字符的时候,会自动取文件名的第一个字符,围绕着这个小功能批量导入字符就变的很简单了

  • 对所有的散图进行命名,记住第一个字符尽量和图片的内容一致,比如你只做了一张"牛"的字体图片,那么这张图片名就叫做"牛.png"
  • 拖拽图片到插件,导入后插件会自动取文件名第一个字符,简单检查下所有配置,对标红的配置修改下
  • 输出图片即可完成新的fnt