Cocos2d-js 学习(一): cc.LabelTTF 简单API记录

前端之家收集整理的这篇文章主要介绍了Cocos2d-js 学习(一): cc.LabelTTF 简单API记录前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近在学习coco2d-js 3.0,因为之前没接触过,也很难找到齐全的文档,这里分享一下,希望能有大牛指点一下。@H_404_2@

可能有些小BUG,希望体谅并指点之~@H_404_2@


1、 创建@H_404_2@

var text = new cc.LabelTTF(“这是一段文字” [,文字的配置,大小] );@H_404_2@

EG:@H_404_2@

var text = new cc.LabelTTF(“哈哈,文字哦~”,"Arial",24); // 创建了一段Arail,大小为24的字体@H_404_2@

@H_404_2@

2、 改变文字内容@H_404_2@

text.setString(“更改的内容啊~”);@H_404_2@

@H_404_2@

3、 设置颜色@H_404_2@

label.setColor(cc.color(255,255)); // 将字体改为红色@H_404_2@

@H_404_2@

4、 设置文字大小@H_404_2@

label.setFontSize(100); //设置为100号字体@H_404_2@

@H_404_2@

5、 文字对齐@H_404_2@

label.textAlign = cc.TEXT_ALIGNMENT_CENTER;// @H_404_2@居中@H_404_2@@H_404_2@

cc.TEXT_ALIGNMENT_LEFT; // @H_404_2@居左@H_404_2@@H_404_2@

cc.TEXT_ALIGNMENT_RIGHT; // @H_404_2@居右@H_404_2@@H_404_2@

@H_404_2@@H_404_2@

PS:@H_404_2@@H_404_2@

单行的文字,是无法看出textAlign的效果的说~。@H_404_2@

用”\n”换行试试~@H_404_2@

@H_404_2@

6、 文字显示范围@H_404_2@

label.setDimensions(width,height); // 文字显示的范围@H_404_2@

@H_404_2@

7、 忽略anchor的设置@H_404_2@

label.ignoreAnchor = true; // 设置后,label的起始点在左下角@H_404_2@

@H_404_2@

8、 文字定义:@H_404_2@

var text = new cc.LabelTTF(“文字”,def);@H_404_2@

@H_404_2@

def 是这样定义:@H_404_2@

var def = new cc.FontDefinition(); // 声明文字定义@H_404_2@

def.fontName = “宋体,微软雅黑”; // 字体@H_404_2@

def.fontSize = 24; // 字号大小@H_404_2@

def.textAlign = cc.TEXT_ALIGNMENT_CENTER; // 文字对齐@H_404_2@

def.fillStyle = cc.color(“#ffffff”); // 字体(内部)颜色@H_404_2@

@H_404_2@

def.strokeEnabled = true; // 开启文字描边效果@H_404_2@

def.strokeStyle = cc.color(“#ffeeee”); // 描边的颜色@H_404_2@

def.lineWidth = 3; // 字体的宽度@H_404_2@

@H_404_2@

defadowEnabled = true; // 开启阴影效果@H_404_2@

def.shadowOffsetX = 12; // 阴影X轴效果@H_404_2@

def.shadowOffsetY = 12; // 阴影Y轴效果@H_404_2@

原文链接:https://www.f2er.com/cocos2dx/345791.html

猜你在找的Cocos2d-x相关文章