erget 中使用位图文本

本文介绍如何在Egret项目中使用位图文本,涉及关键步骤包括准备png和fnt文件,fnt文件记录了png中每个数字的相对位置,可以借助Egret的TextureMerger工具进行资源合成。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先需要两个文件  png  和   fnt文件

其中fnt是png的资源文件

ps:

wwwFnt.fnt:

{"file":"www.png","frames”:{
"0":{"x":1,"y":1,"w":17,"h":25,"offX":1,"offY":0},
"1":{"x":90,"y":28,"w":8,"h":24,"offX":5,"offY":1},
"2":{"x":56,"y":1,"w":15,"h":25,"offX":2,"offY":0},
"3":{"x":20,"y":1,"w":16,"h":25,"offX":2,"offY":0},
"4":{"x":1,"y":28,"w":17,"h":25,"offX":1,"offY":0},
"5":{"x":38,"y":28,"w":16,"h":24,"offX":1,"offY":1},
"6":{"x":20,"y":28,"w":16,"h":25,"offX":1,"offY":0},
"7":{"x":73,"y":28,"w":15,"h":24,"offX":2,"offY":1},
"8":{"x":38,"y":1,"w":16,"h":25,"offX":1,"offY":0},
"9":{"x":56,"y":28,"w":15,"h":25,"offX":2,"offY":0}
}}

里面是png每个数字的相对位置  可以通过egret自带工具TextureMerger合成

使用:
var bitmapFont:egret.BitmapFont = RES.getRes("wwwFnt");
this.goldText = new egret.BitmapText();
this.goldText.font = bitmapFont;
this.goldText.text = "0";
this.goldText.$setScaleX(0.5);
this.goldText.$setScaleY(0.5);
this.goldText.x = 90;
this.goldText.y = 25;
this.addChild(this.goldText)


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值