天天看點

Layabox 1 layabox的項目檔案以及項目配置src檔案

本人使用的是layabox ide 2.1版本。

首先建立一個空項目會發現左側預設生成一些檔案夾以及一些檔案。

Layabox 1 layabox的項目檔案以及項目配置src檔案
.laya 檔案夾中存放一些項目開發中到釋出需要的檔案以及一些配置資訊。

比如檔案夾内的compile.js中33行就是設定項目檔案的主入口。

bin檔案夾内是項目輸出的檔案,在編輯器上運作時,其實就是運作的bin檔案夾下的html檔案。

laya檔案夾存放的是項目的資源檔案

laya檔案夾下的assets檔案夾内是項目自帶的一套ui圖檔

在建立場景後,laya檔案夾下會生成的pages檔案夾,用于存放使用編輯器建立的場景和頁面。

libs檔案夾記憶體放的是編輯器代碼提示檔案。

src記憶體放項目邏輯檔案,内部建立一個空項目會預設生成兩個檔案:Main.js和GameConfig.js

Main.js是入口檔案,用于初始化一些場景内容

GameConfig.js是配置檔案,裡面的配置用于初始化場景,用于Main.js

jsconfig.json為整個項目的編譯配置,用于ts編譯,源碼貌似是用ts開發。、
test1.laya檔案為項目的入口,可以通過此檔案識别是否為一個laya項目,test1為項目的名稱。

src檔案

我們可以先看一下Main.js檔案的内容,其實官方已經注釋的很明白了,我這裡又詳細了一下貼了出來

import GameConfig from "./GameConfig";
class Main {
	constructor() {
		//根據IDE設定初始化引擎	目前如果支援webgl則通過webgl來建立項目	
		if (window["Laya3D"]) Laya3D.init(GameConfig.width, GameConfig.height);
		else Laya.init(GameConfig.width, GameConfig.height, Laya["WebGL"]);
		Laya["Physics"] && Laya["Physics"].enable(); //是否開啟實體
		Laya["DebugPanel"] && Laya["DebugPanel"].enable(); //是否開啟調試框
		Laya.stage.scaleMode = GameConfig.scaleMode; //場景适配模式
		Laya.stage.screenMode = GameConfig.screenMode; //場景橫豎屏
		Laya.stage.alignV = GameConfig.alignV; //垂直對齊方式
		Laya.stage.alignH = GameConfig.alignH; //水準對齊方式
		//相容微信不支援加載scene字尾場景
		Laya.URL.exportSceneToJson = GameConfig.exportSceneToJson;

		//打開調試面闆(通過IDE設定調試模式,或者url位址增加debug=true參數,均可打開調試面闆)
		if (GameConfig.debug || Laya.Utils.getQueryString("debug") == "true") Laya.enableDebugPanel();
		if (GameConfig.physicsDebug && Laya["PhysicsDebugDraw"]) Laya["PhysicsDebugDraw"].enable();
		if (GameConfig.stat) Laya.Stat.show();
		Laya.alertGlobalError = true;

		//激活資源版本控制,version.json由IDE釋出功能自動生成,如果沒有也不影響後續流程
		Laya.ResourceVersion.enable("version.json", Laya.Handler.create(this, this.onVersionLoaded), Laya.ResourceVersion.FILENAME_VERSION);
	}

	onVersionLoaded() {
		//激活大小圖映射,加載小圖的時候,如果發現小圖在大圖合集裡面,則優先加載大圖合集,而不是小圖
		Laya.AtlasInfoManager.enable("fileconfig.json", Laya.Handler.create(this, this.onConfigLoaded));
	}

	onConfigLoaded() {
		//加載IDE指定的場景
		GameConfig.startScene && Laya.Scene.open(GameConfig.startScene);
	}
}
//激活啟動類
new Main();

           

可以看出,這個Main.js檔案首先引入了GameConfig.js檔案,然後通過引入的GameConfig.js檔案内的配置進行初始化場景來添加資料。

GameConfig.js檔案我們無法直接修改,需要在編輯器内進行修改,我們可以通過進入‘編輯模式’後,點選F9來打開編輯框進行編輯。

Layabox 1 layabox的項目檔案以及項目配置src檔案

打開項目設定,我們會發現目前的一些設定都是在設定場景的相關内容,比如初始場景,對應到Main.js裡面的

GameConfig.startScene && Laya.Scene.open(GameConfig.startScene);

即如果這裡設定了,編輯的GameConfig.js的時候,将會在startScene 屬性上生成目标場景名稱。

接下來,列一下主要配置設定

設計寬高度,為目前場景設計時的寬度和高度。

場景适配模式

取值範圍:

“noscale” :不縮放;

“exactfit” :全屏不等比縮放;

“showall” :最小比例縮放;

“noborder” :最大比例縮放;

“full” :不縮放,stage的寬高等于螢幕寬高;

“fixedwidth” :寬度不變,高度根據螢幕比縮放;

“fixedheight” :高度不變,寬度根據螢幕比縮放;

“fixedauto” :根據寬高比,自動選擇使用fixedwidth或fixedheight;

場景橫豎屏

取值範圍:

“none” :不更改螢幕

“horizontal” :自動橫屏

“vertical” :自動豎屏

垂直對齊方式

取值範圍:

“top” :居頂部對齊;

“middle” :居中對齊;

“bottom” :居底部對齊;

水準對齊方式

取值範圍:

“left” :居左對齊;

“center” :居中對齊;

“right” :居右對齊;

繼續閱讀