Cocos2d-js 学习(一): cc.LabelTTF 简单API记录
2014-12-04 14:59
507 查看
最近在学习coco2d-js 3.0,因为之前没接触过,也很难找到齐全的文档,这里分享一下,希望能有大牛指点一下。
可能有些小BUG,希望体谅并指点之~
1、 创建
var text = new cc.LabelTTF(“这是一段文字” [, 文字的配置, 大小] );
EG:
var text = new cc.LabelTTF(“哈哈,文字哦~”, "Arial",24); // 创建了一段Arail,大小为24的字体
2、 改变文字内容
text.setString(“更改的内容啊~”);
3、 设置颜色
label.setColor(cc.color(255, 0, 0, 255)); // 将字体改为红色
4、 设置文字大小
label.setFontSize(100); //设置为100号字体
5、 文字对齐
label.textAlign = cc.TEXT_ALIGNMENT_CENTER;//
居中
cc.TEXT_ALIGNMENT_LEFT; //
居左
cc.TEXT_ALIGNMENT_RIGHT; //
居右
PS:
单行的文字,是无法看出textAlign的效果的说~。
用”\n”换行试试~
6、 文字显示范围
label.setDimensions(width, height); // 文字显示的范围
7、 忽略anchor的设置
label.ignoreAnchor = true; // 设置后,label的起始点在左下角
8、 文字定义:
var text = new cc.LabelTTF(“文字”, def);
def 是这样定义:
var def = new cc.FontDefinition(); // 声明文字定义
def.fontName = “宋体,微软雅黑”; // 字体
def.fontSize = 24; // 字号大小
def.textAlign = cc.TEXT_ALIGNMENT_CENTER; // 文字对齐
def.fillStyle = cc.color(“#ffffff”); // 字体(内部)颜色
def.strokeEnabled = true; // 开启文字描边效果
def.strokeStyle = cc.color(“#ffeeee”); // 描边的颜色
def.lineWidth = 3; // 字体的宽度
defadowEnabled = true; // 开启阴影效果
def.shadowOffsetX = 12; // 阴影X轴效果
def.shadowOffsetY = 12; // 阴影Y轴效果
可能有些小BUG,希望体谅并指点之~
1、 创建
var text = new cc.LabelTTF(“这是一段文字” [, 文字的配置, 大小] );
EG:
var text = new cc.LabelTTF(“哈哈,文字哦~”, "Arial",24); // 创建了一段Arail,大小为24的字体
2、 改变文字内容
text.setString(“更改的内容啊~”);
3、 设置颜色
label.setColor(cc.color(255, 0, 0, 255)); // 将字体改为红色
4、 设置文字大小
label.setFontSize(100); //设置为100号字体
5、 文字对齐
label.textAlign = cc.TEXT_ALIGNMENT_CENTER;//
居中
cc.TEXT_ALIGNMENT_LEFT; //
居左
cc.TEXT_ALIGNMENT_RIGHT; //
居右
PS:
单行的文字,是无法看出textAlign的效果的说~。
用”\n”换行试试~
6、 文字显示范围
label.setDimensions(width, height); // 文字显示的范围
7、 忽略anchor的设置
label.ignoreAnchor = true; // 设置后,label的起始点在左下角
8、 文字定义:
var text = new cc.LabelTTF(“文字”, def);
def 是这样定义:
var def = new cc.FontDefinition(); // 声明文字定义
def.fontName = “宋体,微软雅黑”; // 字体
def.fontSize = 24; // 字号大小
def.textAlign = cc.TEXT_ALIGNMENT_CENTER; // 文字对齐
def.fillStyle = cc.color(“#ffffff”); // 字体(内部)颜色
def.strokeEnabled = true; // 开启文字描边效果
def.strokeStyle = cc.color(“#ffeeee”); // 描边的颜色
def.lineWidth = 3; // 字体的宽度
defadowEnabled = true; // 开启阴影效果
def.shadowOffsetX = 12; // 阴影X轴效果
def.shadowOffsetY = 12; // 阴影Y轴效果
相关文章推荐
- Cocos2d-js 学习:cc.LabelTTF 简单API记录
- Cocos2d-js 学习(二): cc.Sprite 简单API记录
- Cocos2d-js 学习:imageView 简单API记录
- Cocos2d-JS中的cc.LabelTTF
- 我的Cocos2d-x学习笔记(十三)CCLabelTTF、CCLabelAtlas、CCLabelBMFont
- cocos2d学习笔记(四)CCLabelTTF和CCLabelBMFont
- Cocos2d-JS中的cc.LabelTTF
- cocos2d 中添加显示文字的三种方式(CCLabelTTF 、CCLabelBMFont 和CCLabelAtlas)
- 学习用js, ajax, php做一个简单的小黄鸡页面(调用simsimi API)
- Cocos2d-x项目移植到WP8系列之八:CCLabelTTF显示中文不换行
- cocos2d-x默认字体修改之CCLabelTTF, 修改为微软雅黑
- cocos2d-x 常用代码、高频使用代码【CCLayer、CCEditBox编辑框、CCControlButton按钮、CCLabelTTF标签、CCSpriteBatchNode渲染、CCMen】
- 【Cocos2d-x】CCLabelTTF在Android上引发的内存泄露问题
- cocos2d 中加入显示文字的三种方式(CCLabelTTF 、CCLabelBMFont 和CCLabelAtlas)
- cocos2d-x的三种label:CCLabelTTF,CCLabelAtlas,CClabelBMFont
- cocos2d 中添加显示文字的三种方式(CCLabelTTF 、CCLabelBMFont 和CCLabelAtlas)比较
- cocos2d-x 中添加显示文字的三种方式(CCLabelTTF 、CCLabelBMFont 和CCLabelAtlas)
- cocos2d 中添加显示文字的三种方式(CCLabelTTF 、CCLabelBMFont 和CCLabelAtlas)
- Cocos2d-x游戏开发之CCLabelTTF标签详解之Create方法(设置自动换行的标签)和换行符的巧妙使用(十六)(高级篇)
- Cocos2d-js 学习(四): DrawNode简单使用