By Ne0 — May 20, 2024

Unity 之 LayaAir 的集成开发小程序之工具下载和基本使用

一、LayaAir 简介

LayaAir是Layabox旗下第二代HTML5开源引擎，是全球性能最高的HTML5引擎之一。 [1] LayaAir突破性的将2D、3D、AR、VR和页游、Native手游、HTML5游戏等诸多需求通过一个引擎得以统一。 [2] 目前引擎已被腾讯、Forgame、37玩、仙海、胡莱、蝴蝶互动等200多家知名厂商采用。

二、工具下载

1、百度搜索 LayaAir

www.zeeklog.com - Unity 之 LayaAir 的集成开发小程序之工具下载和基本使用

2、点击进入LayaAir 官网，找到下载

3、再次找到界面的下载

4、根据自己的平台，下载 IDE 和 Unity 插件

三、在Unity中使用

1、把下载好的LayaAir unity插件导入 Unity

2、点击 LayaAir3D 下的 Export Tool，能打开导出和预览操作界面

3、在导出前，可以先预览导出前的场景，如果是第一次安装LayaAir工具预览，会提示下载 Node.js

4、下载安装 Node.js

5、重启Unity，即可成功预览，即可点击预览场景

（注意：不过如果你的平台的网页浏览器预览是全黑色，可以换其他浏览器试试（火狐和搜狗是可以的））

四、IDE的使用与Unity工程导出

1、解压下载好的 IDE 压缩包

2、在解压的 LayaAirIDE 文件夹下，找到 IDE 的应用程序，双击打开

（注意：IDE 的应用可能会被杀毒软件屏蔽，建议可以关闭杀毒软件，添加应用信任）

3、这里可以新建一个工程项目

4、在文件夹目录下，bin-res 下，新建一个文件夹 scene，用于 Unity 导出文件夹使用

5、，回到Unity，在LayaAir3D面板中，把刚才的工程项目中新建的文件夹目录，作为导出路径

（注意：导出的时候选择在LayaAir 面板中 “场景”，而不是 “预设”导出）

4、打开要导出的场景，设置默认即可，然后即可导出，导出成功，console 会有打印

5、回到 LayaAirIDE工程下，就会看到导出的文件

五、LayaAirIDE 的简单使用

1、在不同的情况下，点击左上角“猿猴”图标显示的菜单栏会不一样，如下

2、在结合Unity 进行LayaAir 3D 开发的时候，注意LayaAir引入相应的类库

3、在项目设置中的预览设置中，可以进行一个应用适配的操作

4、上边菜单栏图标的简单说明

5、一些代码的说明使用
1）加载场景到应用中，后面接场景加载完成后的事件

Laya.Scene3D.load("res/scene/LayaScene_game/Conventional/game.ls",

Laya.Handler.create(this,this.onLoadSceneFinish));

 onLoadSceneFinish(loadScene){
        //修改场景的渲染层级（数值越大渲染在前面可见）
        loadScene.zOrder =-1;
        console.log("Load Scene Success");

        // 在stage中添加场景
        Laya.stage.addChild(loadScene);

        // 通过名称获取物体，并给子物体添加脚本组件
        var moles = loadScene.getChildByName("Moles");
        for(var i =0;i<moles.numChildren;i++){
                moles.getChildAt(i).addComponent(MoleController);
                
        }

        // 获取场景中的 camera
        var camera = loadScene.getChildByName("Main Camera");
        
        // 获取场景中的 爆炸特效，并作为预制体
        var effect = loadScene.getChildByName("Explosion");
        var effectPrefab = Laya.Sprite3D.instantiate(effect);
        effect.active =false;

        // 获取场景中的组件并添加脚本组件，然后执行函数        loadScene.getChildByName("Hummer").addComponent(HummerController).Init(camera,loadScene,effectPrefab);
        console.log(moles.numChildren);
    }

2）播放背景音乐，（在线网上的音频）

Laya.SoundManager.playMusic("https://hitrattest1105.oss-cn-shenzhen.aliyuncs.com/bgm.mp3",0);