Cocos2d-JS中的cc.LabelAtlas
发布时间:2020-12-14 20:39:58 所属栏目:百科 来源:网络整理
导读:cc.LabelAtlas是图片集标签,其中的Atlas本意是“地图集”、“图片集”,这种标签显示的文字是从一个图片集中取出的,因此使用cc.LabelAtlas需要额外加载图片集文件。cc.LabelAtlas 比cc.LabelTTF快很多。cc.LabelAtlas 中的每个字符必须有固定的高度和宽度
cc.LabelAtlas是图片集标签,其中的Atlas本意是“地图集”、“图片集”,这种标签显示的文字是从一个图片集中取出的,因此使用cc.LabelAtlas需要额外加载图片集文件。cc.LabelAtlas 比cc.LabelTTF快很多。cc.LabelAtlas 中的每个字符必须有固定的高度和宽度。 cc.LabelAtlas类图如下图所示,cc.LabelAtlas间接地继承了cc.Node类,具有cc.Node的基本特性,它还直接继承了cc.AtlasNode。
cc.LabelAtlas类图
如果我们要展示如下图所示的Hello World文字,我们可以使用cc.LabelAtlas实现。 cc.LabelAtlas实现的HelloWorld文字 cc.LabelAtlas实现的Hello World文字主要代码如下:var HelloWorldLayer = cc.Layer.extend({ sprite:null,ctor:function () { this._super(); …… // 创建并初始化标签 var helloLabel = new cc.LabelAtlas("Hello World",res.charmap_png,48,66," "); ① helloLabel.x = size.width / 2 - helloLabel.getContentSize().width / 2; helloLabel.y = size.height - helloLabel.getContentSize().height; this.addChild(helloLabel,5); …… return true; } }); 上述代码第①行是创建一个cc.LabelAtlas对象,构造函数的第一个参数是要显示的文字;第二个参数是图片集文件(见下图所示);第三个参数是字符高度;第四个参数是字符宽度;第五个参数是开始字符。
图片集文件
为了防止硬编码问题,我们应该使用res.charmap_png表示资源的路径,变量res.charmap_png是在resource.js中定义的资源名,resource.js代码如下:
var res = { HelloWorld_png : "res/HelloWorld.png",CloseNormal_png : "res/CloseNormal.png",CloseSelected_png : "res/CloseSelected.png",charmap_png : "res/fonts/tuffy_bold_italic-charmap.png" };
更多内容请关注最新Cocos图书《
Cocos2d-x实战:JS卷——Cocos2d-JS开发》
本书交流讨论网站:http://www.c
欢迎加入Cocos2d-x技术讨论群:257760386
更多精彩视频课程请关注智捷课堂Cocos课程:http://v.51w智捷课堂现推出Cocos会员,敬请关注: http://v.51w 《Cocos2d-x实战 JS卷》现已上线,各大商店均已开售: 京东:http://item. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |