0%

CVP认证学习笔记--(何小成)001--在场景中加入文字层

之前一直从事的游戏服务器开发相关工作,由于个人兴趣想来学习Cocos,正巧有这个机会,就加入了这个学习中,之前有过js基础,在做游戏服务器之前是做web开发的,难免涉及前端js部分,基本的ECMScript语法还是有所了解,希望能在学习中用上,能够快速入门。大学的时候对Cocos2dx有所了解,但并不很深入,这次就借此机会好好深入学习一下。

第一章 在场景中添加文字
跟很多教程一样,第一章的内容必定是简单的,仅仅教了如何在场景中添加一个文字控件。步骤如下:

创建LabelTTF对象:

根据cocos的文档,LabelTTF对象继承自Sprite,也就是它也是属于精灵中的一种
文档中定义的cc.LabelTTF的构造函数如下:

1
ctor(text,fontName,fontSize,dimensions),hAlignment,vAlignment)

text:文本内容
fontName:字体文件,也可以使用自定义字体文件,需要实现导入到resource中
fontSize:字体大小
dimensions:cc.LabelTTF的文字大小
hAlignment:水平对齐方式,默认值是cc.TEXT_ALIGNMENT_LEFT,表示水平居左
vAlignment:垂直对齐方式,默认值是cc.VERTICAL_TEXT_ALIGNMENT_TOP,表示垂直顶对齐
如下语句初始化一个文本为hello,字体为Arias,大小为100的文本标签

1
var obj = new cc.LabelTTF(“hello”,"Arias",100);

设置x,y坐标

1
2
obj.x=100;
obj.y=100;

在场景中添加这个控件this.addChild(你的LabelTTF对象)

1
this.addChild(obj);

完成以上3个步骤就能完成添加文本标签到图层,cocos cvp的在线编程工具挺方便的,扫描二维码还能在手机看到实时效果,这点我喜欢。

运行效果

http://www.cocoscvp.com/usercode/2016_04_05/3730c3a9023947cc3b7a78df1e124bf65280d2ea/

大爷赏点儿呗.

欢迎关注我的其它发布渠道