Bitmap font 使用方法

news/2024/11/29 1:54:51/

一,工具下载路径
BMFont
Bitmap_font
二,资源
图片相同类型尺寸要一致
数字的问题不大,但是±*/等符号的高度不一致 会导致图片位置不一致,比如下面 减在实际使用中就会靠上 没有上下居中

三.图片引入
点击Edit->Open image Manager
在这里插入图片描述
在这个界面导入图片,选择已经切出的文字图片
在这里插入图片描述
在id里写入与你图片内容对应的id,比如我这张数字1.png图片的对应id是49 把鼠标停在右侧对应字符上,右下角就会显示出id 但是不要点击右侧字符
在这里插入图片描述
数字的id比较好找就在右侧000开头的文件第一个就有,文字的比较麻烦一点,比如说 “在”这个字的id
在这里插入图片描述
如果右侧没有蓝色的CJK汉字类型,证明没有选择字体 按下面方法选择一个字体就好
Opotion -> Font Settings
在这里插入图片描述
Unicode一定要选中
在这里插入图片描述
点击OK后就会发现有了中文的 CJK了
只需要找到对应文字然后 找到id即可,但是文字对应的id找着特别麻烦下面有一个快速的方法
四,快速找到对应文字id方法
新建一个txt文本,格式保存为 UTF-16LE
在这里插入图片描述

把你的美术字的文本写进文本里 保存
在这里插入图片描述

然后 Edit -> Select chars from file,如下图所示,选中之前输入了文字或字符准备要转换的txt文本文件
在这里插入图片描述
这时候你会发现右侧标绿的里面有你txt里写的文字 鼠标划过去就能在下面看到对应id,找到id之后记得把减的选中给点掉,按上面的方法把减的美术字加进去 id写下面找到的id即可
在这里插入图片描述
五,导出
Options-> Export Optons

在这里插入图片描述

Width是导出的图片的宽度
Height是导出的图片的高度
bit depth 设置32位。保留透明度

最下面的File format中,Font descriptor必须设置为xml
Textures设置为png图片。
Compression设置为Deflate。
点击OK。
完成以上这些配置步骤后,就可以导出位图字体了。
选择菜单栏的 Options-> Save bitmap font as…,如下图所示:
在这里插入图片描述
六,代码里使用

	private mFontName: string = "diyFont";private bitmapFont: Laya.BitmapFont;private setBitmapFont(): void {this.bitmapFont = new Laya.BitmapFont();this.bitmapFont.loadFont("mini_game/13/jia_jian_cheng_chu_num.fnt", new Laya.Handler(this, this.onLoaded));}private onLoaded(): void {let mText = new Laya.Text;this.bitmapFont.autoScaleSize = true;Laya.Text.registerBitmapFont(this.mFontName, this.bitmapFont);mText.text = "100除156乘3687";//设置宽度,高度自动匹配mText.width = 750;//自动换行mText.wordWrap = true;mText.align = "left";//使用我们注册的字体mText.font = this.mFontName;mText.fontSize = 20;mText.leading = 5;this.playerBox.addChild(mText)}

http://www.ppmy.cn/news/366403.html

相关文章

于娟临终前的忠告(一) 此博文包含图片

复旦大学女教师于娟已经去世一年多了,但这篇《为啥是我得癌症?》值得每个人认真阅读。 于娟,女,32岁,祖籍山东济宁,海归,博士,复旦大学优秀青年教师,一个两岁孩子的母亲&…

基于Attention_CNN_GRU的野生动物监测图像分类

大一的时候突发奇想选择了这样的一个方向,并查阅了相关文献,努力去完成这样的一个系统化的东西。但确实这方面做的人很少,也没有找到有关的进行学习,做的也是很是缓慢,同时也是运用到了Paddle框架,Paddle的…

CVPR 2022 | 大幅减少零样本学习所需的人工标注,马普所和北邮提出富含视觉信息的类别语义嵌入...

来源:机器之心 本文约2900字,建议阅读10分钟VGSE模型能够发掘与人工标注属性互补的视觉特征。 来自北京邮电大学、马普所等机构的研究者提出了类别嵌入发掘网络,提高了类别嵌入在视觉空间的完备性,对零样本学习中类别之间的知识转…

全网最好用的网站导航,都在这里了

细水长流,踏实做些分享。 文 / 奶盖 其实,有很多优质有趣的小众网站,由于没有做过推广,所以很难在百度、搜狗等大厂搜索引擎上找到...... 今天给大家分享几个专门收录优质站点的导航神站,非常良心!用过都…

改变屏幕显示方向(同时切换横竖屏的图片)

在学习改变横竖屏显示方向的例子的时候,我把例子 程序敲进去之后发现并没有如书上所示的在转换横竖屏的同时更换所显示的图片。由于一开始就设置了默认的竖屏图片,也就是说我在点击Button的时候屏幕的横竖状态发生了变化,但是图片木有改变&am…

C语言实战 - 贪吃蛇(图形界面)

由于本人精力有限,暂时先把素材和代码放上,等以后有空再补教程。 目录 效果预览 准备工作 EasyX图形库 音频素材 代码编写 Transfer.h文件 game.cpp文件 main.c文件 效果预览 先来看一下最终成品效果 贪吃蛇图形界面 准备工作 EasyX图形库 这…

python爬虫--爬取某贴中的图片

正在学习用python写爬虫,在网上看了一些博客,自己也尝试了一下。 本脚本的功能:对一个帖子进行翻页并下载正文中的图片 【源码】 #!/usr/bin/python #coding:utf-8 import re import urllib import urllib2def gethtml(url):pageurllib.ur…