LayaBox显示一行文本:HelloWorld

LayaBox是一个H5游戏制作软件,为了学习,本人将开展一场学习旅程,首先自然是学习官方的文档,然后寻找视频进行进一步的制作。

来源:http://ldc.layabox.com/doc/?nav=zh-ts-1-0-2

HelloWorld

首先我们的目标时显示一行文本“HelloWorld”

根据官方的文档来说,我们需要新建一个ts文件,放在src目录下
image.png

根据我的理解,应该是将此ts文件编译成了js文件,然后挂在了index.html上,具体看下面:
image.png

目前就是这样,然后我们再LayaSample.ts中写下代码:

//创建舞台,默认背景色是黑色的
Laya.init(600, 300); 
var txt = new Laya.Text(); 
//设置文本内容
txt.text = "Hello Layabox";  
//设置文本颜色为白色,默认颜色为黑色
txt.color = "#ffffff";  
//将文本内容添加到舞台 
Laya.stage.addChild(txt);

根据解读,现在具体的流程就是:
初始化一个窗口---->实例化一个文本---->添加到舞台上
具体的显示其他的东西也可以按照此流程来。

你可能感兴趣的:(LayaBox显示一行文本:HelloWorld)