LayaAir快速入门,hello world!

  • 1
  • 热度1,599 度
  • A+
所属分类:H5 laya

LayaAir快速入门,hello world!

下载

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

安装

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

新建项目

  • 依次点击“文件”,“新建项目”按钮来新建项目。
    LayaAir快速入门,hello world!

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

LayaAir快速入门,hello world!

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

LayaAir快速入门,hello world!

编写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);
}

运行程序

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

LayaAir快速入门,hello world!

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

LayaAir快速入门,hello world!

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

百分购

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

    • Elainereone Elainereone 0

      移动互联时代,展会营销还仅仅局限在实体展台现场获客已经远远不够。有远见的企业纷纷探索新技术,打造线上线下联动式展会营销,来倍增营销引流、获客回报。

      芃酷信息推出革命性3D智慧展览云,基于微信打造与现实展台呼应的真3D线上展厅,并集成了支持线上到线下的一体化展会营销最佳实践,帮助企业创新展前预热、展中引流与互动、展后延展。
      登陆 http://www.fancy-xr.com/ 或致电 400-157-1327 了解全球500强企业如何通过芃酷3D慧展云创新展会营销!