白鹭 纹理字体制作

起因是这样的，收到美术素材是这么一张图，做为新手一脸懵逼好么。

num.png

大概想法是要切割出一个个单独的数字，然后使用。

就要用到白鹭的Texture Merger工具了

【顺便我想到了之前白鹭2d文档里有提到过纹理集，可以几张图放一起，减少素材体积。这个等下再去补一下。
嗯。选择BitmapFont，制作纹理字体。

• 把图片拖进，貌似是因为图片太小不能自动识别还是啥的，没明白。

• 直接导出，自定义文件名。会生成同名的fnt文件和png文件。

• 用notepad++打开并编辑。
  原始的定义是：

  
  
  
  

  对应一整张图，图的名字一开始是num

  • 手动修改坐标啥的，因为这个图规律可以被计算。

  • 修改如下

    
    

• 放在白鹭资源中，就可以作为资源被加载了。

private x1:egret.BitmapText=new egret.BitmapText();

this.x1.font=RES.getRes("num_fnt");

• 这里有一个问题，如果直接设置this.x1.text="123",会发现3个字体重叠在一起。查阅API手册

this.x1.letterSpacing=17;
this.x1.text="123";