zoukankan      html  css  js  c++  java
  • 搭建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、完成。

  • 相关阅读:
    django高级应用
    python第六章模块
    python第五章函数
    python第四章文件操作
    python第三章数据类型
    python第二章python入门
    python第一章计算机基础
    Python全栈day 05
    Python全栈day 04
    mysql 消息表分区方案
  • 原文地址:https://www.cnblogs.com/JackPengTH/p/8745598.html
Copyright © 2011-2022 走看看