【Cocos2d-html5游戏引擎学习笔记(3)】渲染文字

在介绍之前先介绍一点cocos2d-html5的一些语法特点，在cocos2d-x里面的一些类都是CCLabelTTF::create()，以CC开头，再使用工厂方法create出来，而cocos2d-html5也是重新覆写满足于cocos2d的语法特点，一般是cc.LabelTTF.create()。所以这样学起来会比较轻松，如果你有cocos2d-x的语法基础。

比较常用的有三种

第一种：

[javascript] view plain copy

1. var size = cc.Director.getInstance().getWinSize(); //获取屏幕的大小  
2.   
3. var label1 = cc.LabelTTF.create("你好cocos2d-html5", "Microsoft Yahei", 30);  
4. label1.setPosition(cc.p(size.width/2,size.height/2));  
5. this.addChild(label1);  

cc.LabelTTF.create的

第一个参数是你要显示的文字，中英文都可以支持；
第二个参数是系统自带的字体；
第三个参数是字体的大小。

效果如下

第二种：

[javascript] view plain copy

1. var label1 = cc.LabelBMFont.create("Hello Cocos2d-html5", bitmapFontTest5.fnt);  
2. label1.setPosition(cc.p(size.width/2,size.height/2));  
3. this.addChild(label1);  

cc.LabelBMFont.create的
第一个参数是你要显示的文字；
第二个参数是.fnt文字文件。

效果如下

第三种：

[javascript] view plain copy

1. var label1 = cc.LabelAtlas.create("HELLO COCOS", larabie-16.plist);  
2. label1.setPosition(cc.p(size.width/2,size.height/2));  
3. this.addChild(label1);  

cc.LabelAtlas.create的
第一个参数是你要显示的文字；
第二个参数是.plist文字文件。

效果如下

好了，三种文字显示方式就是这样。

基本的常用的其实第二种，这种渲染的效果是效率最高的，因为它的原理就是显示一张字符图片中需要显示的文字，每次都只是渲染了一次，而第一种方式是每新建一个文字就要渲染一次。