首页 / COCOS2D / Quick cocos2dx-Lua（V3.3R1）学习笔记(四)----文本渲染之用BM TTF创建文本

Quick cocos2dx-Lua（V3.3R1）学习笔记(四)----文本渲染之用BM TTF创建文本

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Quick cocos2dx-Lua（V3.3R1）学习笔记(四)----文本渲染之用BM TTF创建文本，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1686字，纯文字阅读大概需要3分钟。

内容图文

上一篇我们显示了背景图和文字，这一篇我们详细介绍一下文本显示的方法

 

一，显示fnt格式字体

首先我们下载BMF格式文件制作工具，Bitmap Font Generator

下载地址：http://www.angelcode.com/products/bmfont/

安装完毕，我们打开这个工具，看到如下的界面

技术分享

 

左边就是单独字体 右边就是字体库（注意：如果要有符号输入，将第一项Latin+Latin Supplenment打钩）（你看你看，我不是所有括号都有自言自语的）

我们来创建字体

点击Options下面的Font settings

会出现一个我们想要导出字体的窗口设置

我们设置一下

技术分享

来个特殊的字体，迷你简黄草字体，自己设置一下自己电脑已经有的字体吧

size就是自己要输出字体的尺寸

ok，出现，我们在主界面选择自己想要的文字

好的，我们选几个单独的字，我选个中举乞丐（别吐槽我选的字，我实在找不到那些字在哪里了，哈哈）

技术分享

好的，我们在Options下面选择Export options

技术分享

我们选择32位深，字体初始化为白色 保存为png

ok，进入options下面选择Save bitmap fons as....选项，导出字体文件

好，生成字体fnt和png放入res下面fonts文件夹下

我们继续修改那个代码

 

local MainScene = class("MainScene", function()
    return display.newScene("MainScene")
end)

function MainScene:ctor()

	cc.ui.UILabel.new({UILabelType = 1,text = "乞丐中举",font="fonts/test.fnt"})
 		:align(display.CENTER,display.cx,display.cy)
 		:addTo(self)
 	--显示fnt字体的另外一种方式，只不过上面的封装了一下	
 	-- display.newBMFontLabel({text = "乞丐中举",font="fonts/test.fnt"})
 	-- 	:align(display.CENTER,display.cx,display.cy)
 	-- 	:addTo(self)
 	
end

function MainScene:onEnter()
end

function MainScene:onExit()
end

return MainScene


输出效果

 

技术分享

是不是很简单啊。

要是我工具有很多字

 

 

 

但是游戏里面所有字也不能都是这样显示啊，用工具做那么多字，多累啊，下面我们用ttf字体显示我们想要显示的文字

 

 

 

二，显示TTF格式字体

好的，这个就很简单了，直接贴代码

 

local MainScene = class("MainScene", function()
    return display.newScene("MainScene")
end)

function MainScene:ctor()

	cc.ui.UILabel.new(
		{UILabelType = 2,text = "孔乙己中举",size = 50,font = "fonts/迷你简黄草.ttf"})
		:align(display.CENTER,display.cx,display.cy)
		:addTo(self)


end

function MainScene:onEnter()
end

function MainScene:onExit()
end

return MainScene


本来还以为显示中文会乱码的，结果没有乱码，中文正常显示

 

 

 

技术分享

 

好的，要是乱码的话，就写到xml /json文件里面读取显示，既然我没乱码，就不写这一段了

 

原文：http://www.cnblogs.com/luagame/p/4214314.html

内容总结

以上是互联网集市为您收集整理的Quick cocos2dx-Lua（V3.3R1）学习笔记(四)----文本渲染之用BM TTF创建文本全部内容，希望文章能够帮你解决Quick cocos2dx-Lua（V3.3R1）学习笔记(四)----文本渲染之用BM TTF创建文本所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1246575.html

来源：【匿名】