工要做的好笔宿,必先利于器
創(chuàng)建一個laya項目
略(如果截圖需要很大的界面盛撑,本人默認(rèn)你們知道怎么新建凛剥。)
目錄結(jié)構(gòu)
創(chuàng)建完成之后步淹,可以看到以下的目錄:
解讀目錄結(jié)構(gòu):
1: 項目配置文件(.laya文件夾)
.laya
文件夾下存放的是項目在開發(fā)運行中的一些配置信息贾富。
.laya/launch.json
文件保存了項目調(diào)試的一些配置信息,分別是LayaAirIDE的調(diào)試配置和chrome瀏覽器調(diào)試配置。不要輕易去改動崇决,改錯后會影響項目的調(diào)試材诽。
launch.json
重要屬性說明
"name": "layaAir"
表示用LayaAirIDE內(nèi)置的調(diào)試方式。
"name": "chrome調(diào)試"
表示用chrome瀏覽器調(diào)試恒傻。
"file": "${workspaceRoot}/bin/index.html"
表示項目運行啟動的入口文件路徑脸侥。
"runtimeExecutable": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe"
,表示chrome瀏覽器的路徑,開發(fā)者根據(jù)自己的需要來設(shè)置這個路徑盈厘。
"userDataDir": "${tmpdir}"
表示chrome調(diào)試緩存的臨時目錄睁枕,默認(rèn)為用戶的臨時目錄,開發(fā)者可以更改設(shè)置沸手,例如將緩存設(shè)置為當(dāng)前項目根目錄下的cache目錄:"userDataDir": "${workspaceRoot}/cache"
.laya/tasks.json
里保存了TS編譯器相關(guān)的一些配置信息外遇,關(guān)于參數(shù)的含義可以到TypeScript官網(wǎng)進(jìn)行查詢
2: 項目的輸出目錄(bin)
bin
目錄下存放的就是當(dāng)前項目的輸出文件
bin/index.html
是項目的入口文件,所有的LayaAir引擎類庫或者是第三方類庫的JS都需要在這里引入契吉。(可以對沒用到的進(jìn)行刪除)
bin/js
文件夾下存放的是項目中的TypeScript 文件編譯成的js 文件跳仿。
bin/libs
文件夾存放的是 LayaAir 引擎各模塊的JS 文件,如圖4所示捐晶,在項目中需要使用哪個模塊就需要在 index.html 引入對應(yīng)的 模塊包JS文件菲语。
這里簡單介紹下:
包 | 描述 |
---|---|
laya.core.js |
核心包,封裝了顯示對象渲染惑灵,事件山上,時間管理,時間軸動畫英支,緩動佩憾,消息交互,socket干花,本地存儲鸯屿,鼠標(biāo)觸摸,聲音把敢,加載寄摆,顏色濾鏡,位圖字體等修赞。 |
laya.webgl.js |
裝了webgl渲染管線婶恼,如果使用webgl渲染,可以在初始化時調(diào)用Laya.init(1136,640,laya.webgl.WebGL);
|
laya.ani.js |
動畫模塊柏副,包含了swf動畫勾邦,骨骼動畫等。 |
laya.filter.js |
更多webgl濾鏡割择,比如外發(fā)光眷篇,陰影,模糊以及更多 |
laya.html.js |
封裝了html動態(tài)排版功能 |
laya.ui.js |
提供了制作UI的各種組件實現(xiàn)荔泳。 |
laya.tilemap.js |
提供tileMap解析支持蕉饼。 |
3: UI項目目錄(laya)
laya
目錄用于存放LayaAirIDE當(dāng)前的UI項目虐杯。
laya/assets
目錄用來存放UI頁面、粒子等組件所需的圖片資源昧港。
laya/pages
目錄用來存放LayaAirIDE創(chuàng)建頁面布局生成的文件擎椰。
laya/.laya
文件是LayaAirIDE的UI項目配置文件。
4: .d.ts
代碼提供文件目錄(libs)
libs
目錄下是layaAir引擎LayaAir.d.ts文件创肥。用來代碼提示达舒,開發(fā)者假如有三方的類庫使用,相關(guān)的.d.ts文件請放到這個目錄下叹侄。
5: 項目代碼目錄(src)
項目代碼文件默認(rèn)將存放在 src 目錄巩搏。
6: 項目配置文件
項目名.laya
是項目配置文件,文件內(nèi)記錄了當(dāng)前項目的項目名稱趾代、使用的類庫版本號和項目類型贯底。
{"proName":"studyTS","version":"1.5.4","proType":1}
tsconfig.json
文件是ts工程的配置文件,勿刪稽坤。
結(jié)語
具體情況如上丈甸,但是我們最重要的就是src文件了,根據(jù)之后顯示圖片的代碼來看尿褪,我們可以將圖片的存放新建一個res文件夾睦擂,然后存放在src文件夾中。