搭建LayaBox的生产环境,并helloWorld
什么都不要想,先下载:
1、LayaBox 有自己的编译工具,名字叫LayaAir IDE. 下载地址: https://ldc.layabox.com/layadownload/?type=layaairide-LayaAir%20IDE%201.7.17%20beta
2、LayaBox 支持3种语言。 (ActionScript:flash的.不用考虑,弃之。 TypeScript: 微软的东西,面向对象,是javaScript的超集。对于一个使用c++ c#的程序员,毫不犹豫选之。 JavaScript:看你咯,反正我不选,虽然TypeScript最后编译为JavaScript。但是我就是不选。)用TypeScript,需要有TypeScript的编译环境。
下载 Node.js:https://nodejs.org/en/ 。 如果要用 Vistual Studio: https://marketplace.visualstudio.com/items?itemName=TypeScriptTeam.typescript-281-vs2017 。
自己选择版本哈。
3、下载 unity,至于版本嘛。看你. 地址:https://store.unity.com/cn/
4、下载 unity 转换插件:http://ldc.layabox.com/download/tools/LayaAir3DConvertTools.zip
安装:
1、 unity ,第三步的 unity 先安装了。
2、安装unity的转换插件。第四步的软件 安装起。如果不会unity,学之。
3、安装 第二部的 Node.js. 步骤:http://ldc.layabox.com/doc/?nav=zh-ts-1-0-0
4、安装 LayaAir IDE 。第一步的软件。
基本环境搭建完毕。
开始 HelloWorld。
1、打开LayaAirIde 。选择新建项目,如下,然后点击创建。
红框处的选择,要注意哦。
2、 打开unity 制作场景 HelloWorld. 制作完毕后,删除Camera 和 灯光。
3、导出,在unity的菜单:
点开下拉,先选择 Tool –》 选择laya shader。 然后 点击 Export,导出到刚才的项目路径中。
选择到 Res 目录下哦。
4、写代码:
到LayaAirIde中:
修改文件:LayaAir3D.ts 为:
class LayaAir3D { constructor() { //初始化引擎 Laya3D.init(0, 0, true); //适配模式 Laya.stage.scaleMode = Laya.Stage.SCALE_FULL; Laya.stage.screenMode = Laya.Stage.SCREEN_NONE; //开启统计信息 Laya.Stat.show(); //添加3D场景 //初始化引擎 Laya3D.init(0, 0, true); //适配模式 Laya.stage.scaleMode = Laya.Stage.SCALE_FULL; Laya.stage.screenMode = Laya.Stage.SCREEN_NONE; //开启统计信息 Laya.Stat.show(); var scene: Laya.Scene = Laya.Scene.load("./res/LayaScene_Default/Default.ls"); //添加3D场景 Laya.stage.addChild(scene); var camera: Laya.Camera = scene.addChild(new Laya.Camera(0, 0.1, 100)) as Laya.Camera; camera.transform.translate(new Laya.Vector3(0, 2, 0)); camera.clearFlag = Laya.BaseCamera.CLEARFLAG_SKY; var skyBox: Laya.SkyBox = new Laya.SkyBox(); skyBox.textureCube = Laya.TextureCube.load("./res/sky/skyCube.ltc"); camera.sky = skyBox; //添加方向光 var directionLight: Laya.DirectionLight = scene.addChild(new Laya.DirectionLight()) as Laya.DirectionLight; directionLight.color = new Laya.Vector3(0.6, 0.6, 0.6); directionLight.direction = new Laya.Vector3(1, -1, 0); } } new LayaAir3D();
5、发布
注意红框中的路径 是否正确哦。
发布后搭建iis. https://jingyan.baidu.com/article/5553fa8215f7ef65a2393413.html
要拷贝的东西是 bin 目录下的所有文件:
6、如果发布后项目不能正常显示。修改iis的配置: https://blog.csdn.net/hanihehe/article/details/52625847
7、完成。