LayaAir引擎學習日誌4----建立JS專案並詳解目錄結構

塵封的記憶0發表於2016-12-29
AIJS

  首次開啟LayaAir IDE，或者在IDE的“檔案”選單裡使用“新建專案”功能。可以建立一個空專案，IDE在建立時會自動生成結構清晰的目錄結構，我們將在這介紹 LayaAir IDE 生成的目錄結構。


1、用LayaAirIDE建立專案

    步驟一：開啟LayaAirIDE，如果是首次開啟，直接點選“新建專案”開始建立新專案。

blob.png

    步驟二：在“新建專案”的視窗裡，選擇建立LayaAir空專案，第一行填寫專案名稱,第二行填寫專案儲存的路徑，第三行是專案型別，分別為ActionScript、JavaScript、TypeScript專案，這裡我們需要選擇 “JavaScript專案”。第四行是引擎版本。可以選擇穩定版本或是最新的beta版。版本的區別可以在官網的引擎版本下載日誌裡檢視。

blob.png

點選“建立”後，IDE生成專案資料夾結構如下：

blob.png


2、目錄結構介紹

2.1 專案執行配置檔案（.laya資料夾）

    .laya 資料夾下存放的是專案在開發執行中的一些配置資訊。

    .laya/launch.json 檔案儲存了專案除錯的一些配置資訊,分別是LayaAirIDE的除錯配置和chrome瀏覽器除錯配置。不要輕易去改動，改錯後會影響專案的除錯。


2.2 專案的輸出目錄（bin）

        bin目錄下存放的就是當前專案的輸出檔案。
        bin/libs 資料夾存放的是 LayaAir 引擎各模組的js 檔案，在專案中需要使用哪個模組就需要在 index.html 引入對應的 模組包JS 檔案。

引擎模組主要分為以下幾個部分：

  • laya.core.js是核心包，封裝了顯示物件渲染，事件，時間管理，時間軸動畫，緩動，訊息互動，socket，本地儲存，滑鼠觸控，聲音，載入，顏色濾鏡，點陣圖字型等。

  • laya.webgl.js封裝了webgl渲染管線，如果使用webgl渲染，可以在初始化時呼叫Laya.init(1000,800,laya.webgl.WebGL);

  • laya.ani.js是動畫模組，包含了swf動畫，骨骼動畫等。

  • laya.filter.js包含更多webgl濾鏡，比如外發光，陰影，模糊以及更多。

  • laya.html.js封裝了html動態排版功能。

  • laya.ui.js提供了製作UI的各種元件實現。

  • laya.tilemap.js提供tileMap解析支援。

 

2.3 UI專案目錄（laya）

        laya 目錄是當前專案的UI 專案目錄。
        其中的 assets 目錄用來存放編輯UI頁面、粒子等元件所需的資原始檔。
        其中的 pages 目錄用來存放編輯器生成的頁面配置檔案。
        其中的 .laya 檔案是UI專案配置檔案。

 

2.4 專案指令碼程式碼目錄（src）

        專案中的指令碼程式碼檔案預設將存放在 src 目錄。

 

2.5 專案配置檔案（專案名.laya）

        專案名.laya 是專案配置檔案，檔案內記錄了當前專案的專案名稱、使用的類庫版本號和專案型別。

	
{"proName":"studyLayaAirJS","version":"1.5.5","proType":2}

不懂的可以加我的QQ群： 172719352（LayaAir引擎交流群 ）歡迎你的到來哦，看了博文給點腳印唄，謝謝啦~~

相關文章