Cocos2d-JS中的cc.LabelAtlas
cc.LabelAtlas是图片集标签，其中的Atlas本意是“地图集”、“图片集”，这种标签显示的文字是从一个图片集中取出的，因此使用cc.LabelAtlas需要额外加载图片集文件。cc.LabelAtlas 比cc.LabelTTF快很多。cc.LabelAtlas 中的每个字符必须有固定的高度和宽度。
cc.LabelAtlas类图如下图所示，cc.LabelAtlas间接地继承了cc.Node类，具有cc.Node的基本特性，它还直接继承了cc.AtlasNode。
如果我们要展示如下图所示的Hello World文字，我们可以使用cc.LabelAtlas实现。
cc.LabelAtlas实现的Hello World文字
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"
- };
本书交流讨论网站：http://www.cocoagame.net
更多精彩视频课程请关注智捷课堂Cocos课程：http://v.51work6.com
《Cocos2d-x实战 JS卷》现已上线，各大商店均已开售：
京东：http://item.jd.com/11659698.html
欢迎关注智捷iOS课堂微信公共平台，了解最新技术文章、图书、教程信息
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
