cocos2d-x 使用位元影像工具BMFont自訂字型 fnt

來源:互聯網
上載者:User

[原文地址:http://blog.csdn.net/qiurisuixiang/article/details/8984288]

1 在看別人的代碼的時候,有時候會發現.fnt檔案,這個檔案是如何產生的呢,其實是使用位元影像處理工具產生的


2下載Window下的位元影像處理工具BMFont,:http://www.anglecode.com/products/bmfont


3 安裝後,開啟BMFont,介面如下,右邊的列表是字型庫

4 建立一個txt檔案,輸入要用到的文字(一定要儲存為UTF-8格式,否則軟體無法識別)


5 在BMFont上找到Edit菜單,然後選擇Selects chars from file,載入剛才建立的txt檔案,你會發現剛才輸入的字元在BMFont中已經被選中。


6 在BMFont上找到Option菜單,然後選擇Font Setting設定字型,然後設定其中的Font(字型可以按需求隨便選擇)和Charset(預設的Unicode就可以)

7 設定匯出選項,在BMFont上找到Option菜單,然後選擇Export options,在cocos2d-x中需要按如下設定


8 準備匯出字型,在BMFont上找到Options,然後選擇Save bitmap font as,會發現儲存路徑下多出了一個fnt檔案和一個png檔案(其實這個和plist檔案儲存拼圖資訊原理差不多),將它們拷貝到cocos2d-x工程的Resources目錄下

9 使用方法如下

[cpp] view
plaincopyprint?

  1. /** 使用字型位元影像 **/  
  2. //建立位元影像 第一個參數要和在BMFont中載入的文字中存在的  
  3. CCLabelBMFont *label = CCLabelBMFont::create("I am hahaya.", "info.fnt");  
  4. label->setPosition(ccp(size.width / 2, size.height - 50));  
  5. this->addChild(label, 1);  


10 程式運行效果


11 在使用BMFont產生中文時需要注意,在Font Setting中設定Font時,Font要設定成中文的(比如微軟雅黑),Charset預設Unicode就行,同樣按照以前相同的方式設定Export options。然後再將寫有中文的文字檔載入,最後儲存。

12 使用中文位元影像代碼如下


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.