2017年4月24日
Create.js实战-对文字的操作
大家好,今天给大家分享一下关于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); // 文字添加到舞台上 }
文字在这里简单说明一下,自定义函数里面参数理解为一个游戏的控制参数,我可以通过传参数来对游戏操作,从而实现动态交互。
今天又是代码满满的一天,老哥们我们下期再见,谢谢