使用位图字体工具BMFont从图片生成自定义字体
2015-03-23 11:51
253 查看
转载 http://blog.csdn.net/keshuiyun/article/details/9960667
上一篇转了别人的一篇文章,讲了BMFont的基本用法。对BMFont比较陌生的同学请点击这里先去学习:http://blog.csdn.net/keshuiyun/article/details/9960589。
本篇讲解如何利用美工提供的字符图形来生成自定义字体。
美术提供的字体经常是下面这样的:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/31/9d5fa813ae4d19d2e8d31a46e834c65f)
或者这样的:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/31/b73f361bf169e417b944646cce9df14e)
这时候我们就要借助BMFont了,首先针对真彩色的图形,我们要做一些设定,点击"Options"->“Export options”:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/31/f0f18751d38b50dd5d4574c1d9bd4f93)
在弹出的窗口中,注意红框中“位深”,设为32:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/31/dd16545e4f340bc0ffa86e489d228d5f)
然后,点击"Edit"->"(Un)Select all chars",取消选择所有字符。因为我们将在后边导入需要的字符。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/31/491d751b62e5a4f9b53f5973a45aee55)
OK,现在点击"Edit"->"Open Image Manager":
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/31/5f38b84d458749addb9bb9993bb14b89)
弹出图片管理窗体,如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/31/dff054014440e5017f506a9e22663c3c)
那个"Image"是菜单,可以点击。选择"Image"->"Import image...":
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/31/c9c6d13d392feada581f3bf7d0020707)
弹出如下窗体:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/31/82a7d175886141d2aae4632f5f54d989)
点击"Browse"按钮,在弹出的“打开”窗口中选择一个字符图片,比如"0":
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/31/ef30efa2266988e110e35bbf64726037)
然后在ID后的文本框中输入字符"0"的Ascii值:48,点击"OK"。
这时返回主窗体,你会看到字符表中"0"右下角有一个小亮点标记,说明该字符的图形为自定义图片。如下图:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/31/30f43994132fa62d920ed88503656733)
按上述方法,依次加入其它字符的图片,完成后如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/31/af77454dfcd48afc8e9e9dd413441b8d)
OK,下面准备导出。导出前我们可以先点击"Options"->"Visualize"预览一下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/31/2d641f89d3d4ec14738443d835a31832)
嗯,材质稍微有点大。导出fnt的方法大家都清楚了,就不再复述了。
最后得到如下文件:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/31/d01ed35bddda7ed9951f1a73f6d5c316)
好浪费内存啊,罪过罪过……
上一篇转了别人的一篇文章,讲了BMFont的基本用法。对BMFont比较陌生的同学请点击这里先去学习:http://blog.csdn.net/keshuiyun/article/details/9960589。
本篇讲解如何利用美工提供的字符图形来生成自定义字体。
美术提供的字体经常是下面这样的:
或者这样的:
这时候我们就要借助BMFont了,首先针对真彩色的图形,我们要做一些设定,点击"Options"->“Export options”:
在弹出的窗口中,注意红框中“位深”,设为32:
然后,点击"Edit"->"(Un)Select all chars",取消选择所有字符。因为我们将在后边导入需要的字符。
OK,现在点击"Edit"->"Open Image Manager":
弹出图片管理窗体,如下:
那个"Image"是菜单,可以点击。选择"Image"->"Import image...":
弹出如下窗体:
点击"Browse"按钮,在弹出的“打开”窗口中选择一个字符图片,比如"0":
然后在ID后的文本框中输入字符"0"的Ascii值:48,点击"OK"。
这时返回主窗体,你会看到字符表中"0"右下角有一个小亮点标记,说明该字符的图形为自定义图片。如下图:
按上述方法,依次加入其它字符的图片,完成后如下:
OK,下面准备导出。导出前我们可以先点击"Options"->"Visualize"预览一下:
嗯,材质稍微有点大。导出fnt的方法大家都清楚了,就不再复述了。
最后得到如下文件:
好浪费内存啊,罪过罪过……
相关文章推荐
- 使用位图字体工具BMFont从图片生成自定义字体
- 使用位图字体工具BMFont从图片生成自定义字体
- 使用位图字体工具BMFont从图片生成自定义字体
- 使用位图文本工具BMFont从图片生成自定义字体
- 使用位图字体工具BMFont从图片生成自定义字体
- 使用位图字体工具BMFont从图片生成自定义字体
- 使用位图字体工具BMFont从图片生成自定义字体
- 使用位图字体工具BMFont从图片生成自定义字体
- 使用位图字体工具BMFont从图片生成自定义字体
- 使用位图字体工具BMFont从图片生成自定义字体
- 使用位图字体工具BMFont从图片生成自定义字体
- 使用位图字体工具BMFont从图片生成自定义字体
- 使用位图字体工具BMFont从图片生成自定义字体
- cocos2d-x 使用位图工具BMFont自定义字体 fnt
- FNT制作工具 cocos2d-x 使用位图工具BMFont自定义字体FNT
- cocos2d-x位图字体生成工具bmfont使用图文教程 美术字使用
- cocos2d-x 使用位图工具BMFont自定义字体 fnt
- cocos2d-x 使用位图工具BMFont自定义字体 fnt
- 【独立开发者er Cocos2d-x实战 008】BMFont生成位图字体工具和Cocos2dx使用加载fnt文件
- BMFont使用图片自定义字体(无需字体文件)