搭建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、完成。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM