LayaAir快速入门，hello world!

LayaAir快速入门，hello world!

下载

首先从layabox官网下载LayaAir IDE。或者直接点击链接下载LayaAir IDE 1.7.17 beta。

安装

下载下来的压缩包，直接解压后，双击运行LayaAir.exe即可打开LayaAir IDE。

新建项目

• 依次点击“文件”，“新建项目”按钮来新建项目。
  

• 在弹出窗口中选择LayaAir UI示例项目，然后填写名称，路径，选择类型（此处选择JavaScript）,然后点击创建按钮，创建新项目。

• 依次点击资源管理器，展开src文件夹，打开LayaUISample.js文件。

编写Hello World。

• 修改onLoaded()函数如下:

function onLoaded()
{
    // Laya.stage.addChild(new TestUI());
    // 缩放模式为显示全部内容
    Laya.stage.scaleMode = Laya.Stage.SCALE_SHOWALL;
    // 舞台水平居中对齐
    Laya.stage.alignH = Laya.Stage.ALIGN_CENTER;
    // 舞台垂直居中对齐
    Laya.stage.alignV = Laya.Stage.ALIGN_MIDDLE;
    // 场景布局模式为自动横屏显示
    Laya.stage.screenMode = Laya.Stage.SCREEN_HORIZONTAL;
    // 创建文本精灵
    var tx = new Laya.Text();
    // 设置文本为hello world
    tx.text = "hello world";
    // 设置字体颜色为白色
    tx.color = "#fff";
    // 设置字体大小为55
    tx.fontSize = 55;
    // 设置文本的锚点为文本的中心
    tx.pivot(tx.width/2, tx.height/2);
    // 设置文本的位置为舞台中心
    tx.pos(Laya.stage.width/2, Laya.stage.height/2);
    // 将文本添加到舞台
    Laya.stage.addChild(tx);
}

运行程序

依次点击二维码，在弹出的二维码窗口。

使用手机扫一扫。即可查看程序运行结果。

如上图所示，我们已经成功看到了“hello world”的字样。