Unity3d之-使用BMFont製作美術字體

Unity3D · 發表 2019-04-21 03:51:00

摘要：一、需求遊戲開發中經常遇到需要以美術字（而非字型檔）做數字顯示的情況，通常美術會提供一組包含單個數字（也會有其它字元）的圖片，可能是一張整圖，也可能是每個數字分開的散圖。在此我以一張整圖這種情況為例，來說明美術字體的具體制作流程。整圖如下：二、準備整個製作過程...

一、需求

遊戲開發中經常遇到需要以美術字（而非字型檔）做數字顯示的情況，通常美術會提供一組包含單個數字（也會有其它字元）的圖片，可能是一張整圖，也可能是每個數字分開的散圖。

在此我以一張整圖這種情況為例，來說明美術字體的具體制作流程。整圖如下：

二、準備

整個製作過程需要用到三樣工具：

字型資料製作工具
圖片切割工具
字型生成工具

1、字型資料製作工具

字型資料製作工具名為BMFont，是一個Windows上的可執行軟體，下載網址為： http://www.angelcode.com/products/bmfont/

這裡選擇下載64位執行版（單體檔案，無需安裝）

可也以點這裡下載：BMFont64.exe

2、圖片切割工具

圖片切割工具是Unity中執行的一個工具類,類名為ImageSlicer，放在Editor目錄下即可，程式碼如下：


 1 /**
 2 * UnityVersion: 2018.3.10f1
 3 * FileName:ImageSlicer.cs
 4 * Author:TYQ
 5 * CreateTime:2019/04/19 00:04:26
 6 * Description:
 7 */
 8 /*
 9 * Author：
10 * Date：2019/01/30 10:24:22 
11 * Desc：圖集切割器 （針對Multiple格式的圖片）
12 * 操作方式：選中圖片，選擇編輯器的 Assets/ImageSlicer/Process to Sprites選單
13 */
14 
15 using UnityEngine;
16 using System.Collections;
17 using UnityEditor;
18 using System.IO;
19 using System.Collections.Generic;
20 
21 public static class ImageSlicer
22 {
23[MenuItem("Assets/ImageSlicer/Process to Sprites")]
24static void ProcessToSprite()
25{
26Texture2D image = Selection.activeObject as Texture2D;//獲取旋轉的物件
27string rootPath = Path.GetDirectoryName(AssetDatabase.GetAssetPath(image));//獲取路徑名稱
28string path = rootPath + "/" + image.name + ".PNG";//圖片路徑名稱
29 
30 
31TextureImporter texImp = AssetImporter.GetAtPath(path) as TextureImporter;//獲取圖片入口
32 
33 
34AssetDatabase.CreateFolder(rootPath, image.name);//建立資料夾
35 
36 
37foreach (SpriteMetaData metaData in texImp.spritesheet)//遍歷小圖集
38{
39Texture2D myimage = new Texture2D((int)metaData.rect.width, (int)metaData.rect.height);
40 
41//abc_0:(x:2.00, y:400.00, width:103.00, height:112.00)
42for (int y = (int)metaData.rect.y; y < metaData.rect.y + metaData.rect.height; y++)//Y軸畫素
43{
44for (int x = (int)metaData.rect.x; x < metaData.rect.x + metaData.rect.width; x++)
45myimage.SetPixel(x - (int)metaData.rect.x, y - (int)metaData.rect.y, image.GetPixel(x, y));
46}
47 
48 
49//轉換紋理到EncodeToPNG相容格式
50if (myimage.format != TextureFormat.ARGB32 && myimage.format != TextureFormat.RGB24)
51{
52Texture2D newTexture = new Texture2D(myimage.width, myimage.height);
53newTexture.SetPixels(myimage.GetPixels(0), 0);
54myimage = newTexture;
55}
56var pngData = myimage.EncodeToPNG();
57 
58 
59//AssetDatabase.CreateAsset(myimage, rootPath + "/" + image.name + "/" + metaData.name + ".PNG");
60File.WriteAllBytes(rootPath + "/" + image.name + "/" + metaData.name + ".PNG", pngData);
61// 重新整理資源視窗介面
62AssetDatabase.Refresh();
63}
64}
65 }

ImageSlicer.cs

編譯完成後會在Assets選單下生成一個 ImageSlicer/Process to Sprites 的選單項，選中圖片然後右鍵也可以看到。