搭建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 。选择新建项目,如下,然后点击创建。

image

红框处的选择,要注意哦。

2、 打开unity 制作场景 HelloWorld. 制作完毕后,删除Camera 和 灯光。

3、导出,在unity的菜单:

image

点开下拉,先选择 Tool –》 选择laya shader。 然后 点击 Export,导出到刚才的项目路径中。

image

选择到 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、发布

image

 

image

注意红框中的路径 是否正确哦。

 

发布后搭建iis.  https://jingyan.baidu.com/article/5553fa8215f7ef65a2393413.html

要拷贝的东西是 bin 目录下的所有文件:

image

 

6、如果发布后项目不能正常显示。修改iis的配置: https://blog.csdn.net/hanihehe/article/details/52625847

7、完成。

posted @ 2018-04-08 16:11  黑司机  阅读(4091)  评论(0编辑  收藏  举报