美文网首页
LayaBox显示一行文本:HelloWorld

LayaBox显示一行文本:HelloWorld

作者: 尼古拉苏 | 来源:发表于2018-09-22 19:50 被阅读0次

    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

          本文链接:https://www.haomeiwen.com/subject/xxpxoftx.html