Unity游戏开始之使用图片制作自己的艺术字

本篇博客我将和大家一起从零开始根据图片制作自己的艺术字（不包括汉字）

准备工作

• BMFront  http://www.angelcode.com/products/bmfont/
• 编写艺术字体生成工具

using System.Collections.Generic;
public class BMFontEditor: EditorWindow
public TextAsset fontPosTbl;
public Texture fontTexture;
public Vector2 scrollPos;
[MenuItem("Tools/自定义字体生成工具")]

EditorWindow.GetWindow(typeof (BMFontEditor));
EditorGUILayout.BeginVertical();EditorGUILayout.LabelField("图集导出文件部分（如果字体相关资源已经准备完毕，请忽略这一部分）", EditorStyles.label);if (GUILayout.Button("在Project视图选中要导出文件的图集，然后点击此按钮"))
EditorGUILayout.LabelField("正式生成艺术字部分", EditorStyles.label);
fontTexture = (Texture) EditorGUILayout.ObjectField("选择BMFont生成的png文件", fontTexture, typeof (Texture), false);
EditorGUILayout.LabelField("选择BMFont生成的fnt文件", EditorStyles.label);
fontPosTbl = (TextAsset) EditorGUILayout.ObjectField("    ", fontPosTbl, typeof (TextAsset), false);if (GUILayout.Button("开始生成字体"))
if (fontTexture == null) this.ShowNotification(new GUIContent("No Font Texture selected"));else if (fontPosTbl == null) this.ShowNotification(new GUIContent("No Font Position Table file selected"));
CalcChrRect(fontPosTbl, fontTexture);
EditorGUILayout.EndVertical();
private void ProcessToSprite()
Texture2D image = Selection.activeObject as Texture2D;
string rootPath = System.IO.Path.GetDirectoryName(AssetDatabase.GetAssetPath(image));
string path = rootPath + "/" + image.name + ".PNG";
TextureImporter texImp = AssetImporter.GetAtPath(path) as TextureImporter;
AssetDatabase.CreateFolder(rootPath, image.name);
foreach (SpriteMetaData metaData in texImp.spritesheet)
Texture2D myimage = new Texture2D((int)metaData.rect.width, (int)metaData.rect.height);
for (int y = (int)metaData.rect.y; y < metaData.rect.y + metaData.rect.height; y++)
for (int x = (int)metaData.rect.x; x < metaData.rect.x + metaData.rect.width; x++)myimage.SetPixel(x - (int)metaData.rect.x, y - (int)metaData.rect.y, image.GetPixel(x, y));
if(myimage.format != TextureFormat.ARGB32 && myimage.format != TextureFormat.RGB24){Texture2D newTexture = new Texture2D(myimage.width, myimage.height);newTexture.SetPixels(myimage.GetPixels(0),0);
var pngData = myimage.EncodeToPNG();
File.WriteAllBytes(rootPath + "/" + image.name + "/" + metaData.name + ".PNG", pngData);
void CalcChrRect(TextAsset posTbl, Texture tex)
string fileName = AssetDatabase.GetAssetPath(fontPosTbl);string texName = AssetDatabase.GetAssetPath(tex);string fontName = System.IO.Path.GetFileNameWithoutExtension(fileName);string fontPath = fileName.Replace(".fnt", ".fontsettings");string matPath = fileName.Replace(".fnt", ".mat");
string txt = posTbl.text;
List<ChrRect> tblList = new List<ChrRect>();foreach (string line in txt.Split('\n'))
if (line.IndexOf("char id=") == 0)
ChrRect d = GetChrRect(line, imgw, imgh);
new GUIContent("Failed");
ChrRect[] tbls = tblList.ToArray();
SetCharacterInfo(tbls, font);
Material mat = new Material(Shader.Find("UI/Default"));
Debug.Log(System.IO.Path.GetFileNameWithoutExtension(fileName));
AssetDatabase.CreateAsset(mat, matPath);AssetDatabase.CreateAsset(font, fontPath);AssetDatabase.SaveAssets();this.ShowNotification(new GUIContent("Complete"));AssetDatabase.Refresh(ImportAssetOptions.ForceUpdate);
void SetCharacterInfo(ChrRect[] tbls, Font fontObj)
CharacterInfo[] nci = new CharacterInfo[tbls.Length];for (int i = 0; i < tbls.Length; i++)
nci[i].index = tbls[i].index;nci[i].advance = (int) tbls[i].width;nci[i].uv.x = tbls[i].uvX;nci[i].uv.y = tbls[i].uvY;nci[i].uv.width = tbls[i].uvW;nci[i].uv.height = tbls[i].uvH;nci[i].vert.x = tbls[i].vertX;nci[i].vert.y = tbls[i].vertY;nci[i].vert.width = tbls[i].vertW;nci[i].vert.height = tbls[i].vertH;
fontObj.characterInfo = nci;
ChrRect GetChrRect(string line, float imgw, float imgh)
ChrRect d = new ChrRect();
foreach (string s in line.Split(' '))
if (s.IndexOf("id=") >= 0) d.id = GetParamInt(s, "id=");else if (s.IndexOf("x=") >= 0) d.x = GetParamInt(s, "x=");else if (s.IndexOf("y=") >= 0) d.y = GetParamInt(s, "y=");else if (s.IndexOf("width=") >= 0) d.w = GetParamInt(s, "width=");else if (s.IndexOf("height=") >= 0) d.h = GetParamInt(s, "height=");else if (s.IndexOf("xoffset=") >= 0) d.xofs = GetParamInt(s, "xoffset=");else if (s.IndexOf("yoffset=") >= 0) d.yofs = GetParamInt(s, "yoffset=");else if (s.IndexOf("xadvance=") >= 0) d.width = GetParamInt(s, "xadvance=");
d.uvY = (imgh - (d.y)) / imgh;
int GetParamInt(string s, string wd)
if (int.TryParse(s.Substring(wd.Length), out v)) return v;

正式开始

选择要制作字体的图片，并分割好sprites

打开****自定义字体生成工具，根据说明生成图集文件

打开BMFront工具

注意填写图片对应的Ascall码，0-48，1-49.。。。以此类推，不知道的可以百度，按照表对着填

微信搜索公众号 [爱上游戏开发]，回复 “资料”，免费领取 200G 学习资料！

全部填写完毕

打开Unity

这时候我们要修改一下BMFront生成的位图文件

如下（不要问我为什么，因为我也不知道）

因为我们使用了镜像模式，所以y轴的值需要翻转，修改翻转y轴的值（原本是37，这里要改成-37）

再打开自定义字体生成工具，根据说明添加png和fnt文件

在场景新建Text

OK