之前一直从事的游戏服务器开发相关工作,由于个人兴趣想来学习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 | obj.x=100; |
在场景中添加这个控件this.addChild(你的LabelTTF对象)
1 | this.addChild(obj); |
完成以上3个步骤就能完成添加文本标签到图层,cocos cvp的在线编程工具挺方便的,扫描二维码还能在手机看到实时效果,这点我喜欢。
运行效果
http://www.cocoscvp.com/usercode/2016_04_05/3730c3a9023947cc3b7a78df1e124bf65280d2ea/