2017年4月24日

Create.js实战-对文字的操作

作者 admin

大家好,今天给大家分享一下关于Create.js-对文字的操作,首先我们先看一下官方的说法:http://www.createjs.cc/src/docs/easeljs/classes/Text.html

Text Class

显示一行或多行动态文本(不是用户可编辑)在显示列表。线的包装支持(使用线宽)是非常基本的,只在空格和制表符。值得注意的是,作为一种替代文本,你可以定位HTML文本的上方或下方帆布相对于物品的使用显示列表 localToGlobal 方法或使用 DOMElement.

请注意,文本不支持HTML文本,并且一次只显示一个字体样式。 要使用多个字体样式,您需要创建多个文本实例,并手动定位它们。

实例

 var text = new createjs.Text("Hello World", "20px Arial", "#ff7700");
 text.x = 100;
 text.textBaseline = "alphabetic";

CreateJS文本支持Web字体(如帆布相同的规则)。字体必须在浏览器显示之前加载和支持。

接下来我把自己的代码贴上了 跟大家一起分析学习,

function textInit(direction = " ", level = localVn.toFixed(2),zm = "视标") {//文字描述区域
// if(level > 0.1){
// level = localVn.toFixed(1);
// console.log(level);
// }
direBitm.x = 75;
gameView.addChild(direBitm);
//添加参考图片
var Text = new createjs.Text("请点击" + direction + zm, "20px Arial", "#000000");
var levelObj = new createjs.Text("等级:" + level, "20px Arial", "#000000");
levelObj.x = 1150;
levelObj.y = 740;
Text.x = 10;
Text.y = 5;
stage.addChild(levelObj);
stage.addChild(Text);
// 文字添加到舞台上
}

文字在这里简单说明一下,自定义函数里面参数理解为一个游戏的控制参数,我可以通过传参数来对游戏操作,从而实现动态交互。

今天又是代码满满的一天,老哥们我们下期再见,谢谢