搭建开发环境(TS代码编译器)

作者:追风剑情 发布于:2018-5-22 22:25 分类:LayaAir

一、安装TypeScript SDK

TypeScript SDK官网下载地址:
https://www.microsoft.com/zh-cn/download/details.aspx?id=55258

TypeScript SDK默认安装路径为C:\Program Files (x86)\Microsoft SDKs\TypeScript
222222.jpg

二、配置环境变量

33333.jpg

三、查看版本号

44444.png

如果编译时遇到下面报错

LayaAir编译报错.jpg

原因:TypeScript版本过低
解决方案: 修改环境变量指向高版本TypeScriptSDK, 并重启LayaAirIDE

四、设置LayaAirIDE字体大小

在.laya目录下新建settings.json

1111.png2222.png

设置一个合适的大小比如: "editor.fontSize":18

关于settings.json配置,请参考VSCode官网
https://code.visualstudio.com/docs/getstarted/settings

五、安装LayaAir3D UnityPlugin
官方安装说明 https://ldc.layabox.com/doc/?nav=zh-ts-4-0-1
下载地址 http://ldc.layabox.com/download/tools/LayaAir3DConvertTools.zip
使用说明 https://ask.layabox.com/question/4242

1111.png

LayaAir Export只会导出当前场景资源

1111.png

把导出的资源LayaScene_xxx文件夹内容全部复制到Laya项目的根目录的bin/h5/下

六、设置项目启动类

1111.png

index.html
22222222.png

七、测试模型加载

//方法一:直接异步加载, 关键代码段
var mesh:Laya.Mesh = Laya.Mesh.load("h5/LayaScene_SceneMenu/Assets/_Art/Models/01-BOX01.lm");
var meshSprite3D:Laya.MeshSprite3D = new Laya.MeshSprite3D(mesh);
var material:Laya.StandardMaterial = Laya.StandardMaterial.load("h5/LayaScene_SceneMenu/Assets/_Art/Models/Materials/box.lmat");
material.diffuseTexture = Laya.Texture2D.load("h5/LayaScene_SceneMenu/Assets/_Art/_Texture/In-Game/General1.png");
meshSprite3D.meshRender.material = material;
scene.addChild(meshSprite3D);

运行效果截图

11111.png

注意: skin加载完成后再创建UI组件,才能正常显示。

加载2D资源只能用Laya.loader.load()
加载3D资源只能用Laya.loader.create()


注意: 在设计模式下创建页面,如果勾选了创建逻辑类,必须要执行下导出才会生成代码。

111111.png

22222.png

33333.png

标签: LayaAir

Powered by emlog  蜀ICP备18021003号   sitemap

川公网安备 51019002001593号