All Projects → zhitaocai → TexturePacker-Fnt-Helper

zhitaocai / TexturePacker-Fnt-Helper

Licence: MIT license
这是一个使用TexturePacker合并BMFont图片后,自动修正位图描述文件的工具

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to TexturePacker-Fnt-Helper

gulp-texturepacker
Gulp plugin for TexturePacker
Stars: ✭ 12 (-33.33%)
Mutual labels:  texturepacker
CocosCreator-ScrollVIewPlus
Cocos Creator ScrollVIew 优化系列
Stars: ✭ 83 (+361.11%)
Mutual labels:  cocos-creator
QuickFramework
2.3.3分支以分包方式实现大厅+子游戏,,该分支后续将不再进行维护,此分支未实现真正意义上的子游戏资源代码分离,推荐使用2.4.0分支,2.4.0分支以Asset Bundle方式实现大厅+子游戏
Stars: ✭ 66 (+266.67%)
Mutual labels:  cocos-creator
cocos-template
之前的JavaScript版本已删除,当前只有TypeScript版本
Stars: ✭ 20 (+11.11%)
Mutual labels:  cocos-creator
CocosCreator
基于cocos creator 2D引擎工程
Stars: ✭ 22 (+22.22%)
Mutual labels:  cocos-creator
2048-typescript-cocoscreator
🚀 A 2048 Canvas Game.
Stars: ✭ 15 (-16.67%)
Mutual labels:  cocos-creator
nhwc-client
2018毕业设计,多人房间匹配你画我猜。Cocos Creator + TypeScript + Go + WebSocket + MongoDB。客户端
Stars: ✭ 47 (+161.11%)
Mutual labels:  cocos-creator
MLGameFramework
framework for cocosCreator
Stars: ✭ 44 (+144.44%)
Mutual labels:  cocos-creator
cc easy script
提供给 Cocos Creator , 用于 快速构建 游戏逻辑 的 组件脚本
Stars: ✭ 20 (+11.11%)
Mutual labels:  cocos-creator

TexturePacker-Fnt-Helper

1. 项目说明

将字体位图图片和正常游戏精灵图片,通过TexturePacker打包为一个图集的时候,一般会输出

  • *.png: 合并后的图集图片
  • *.plist: 一个描述如何从图集图片中获取到原始图片的描述性文件

而原始字体的位图图片是由下面两个文件组成

  • *.png: 位图的图集图片
  • *.fnt: 一个描述如何从位图图集图片中获取到原始文字的描述性文件

因为合并之后,字体位图图片一般会发生偏移,因此通过原来的 *.fnt 文件,将不能在合并后的图集图片中获取到正确的文字位置,因为合并后的字体图集图片在新的图集中,位置是发生了偏移的,可能不在是 (0, 0) 作为其起点坐标了。

本工具为修正 *.fnt 文件得出一个新的修正偏移量的 *_fix.fnt 文件,通过这个新的 *_fix.fnt 文件就可以从新的图集图片中正确解析出位图文字

2. 工具使用说明

  1. 安装 Java 8+

  2. 下载本项目

    git clone [email protected]:zhitaocai/TexturePacker-Fnt-Helper.git
    
  3. 进入本项目目录执行下面命令即可

    java -jar FntHelper.jar xxx/xxx.fnt 100 100
    
    * 参数fnt原始文件路径
    * 参数二:x偏移量(暂时需要自己查看 .plist 文件去获取)
    * 参数三:y偏移量(暂时需要自己查看 .plist 文件去获取)

    执行上述命令之后会在原来的 *.fnt 文件同目录下生成一个新的 *_fix.fnt 文件

3. 详细使用示例说明

  1. 将位图和其他图片打包成图集

打包后

  1. 使用上面工具命令后,将会生成新的 .fix.fnt 文件,其中,命令中的参数二和参数三获取方式如下:

然后会生成一个 .fix.fnt 文件

  1. 把这个3个文件拖入到场景,此时会提示报错,因为我们 .fix.fnt 文件所指向的原始位图文件还是 红色字体.png,此时我们要修改这个指向为我们新的图集文件名字 atlas.png(当然你可以是顺手修改位图文件名),最后效果如下:

  1. 最后演示如下

4. 支持我吧

如果我的项目对你起到帮助,不妨支持一下我吧~

🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏

5.参考文献

LICENSE

MIT License

Copyright (c) 2019 Zhitao Cai

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].