egret微信小游戲項目圖片管理
工具---Egret Launcher中下載 egret Texture Merger
- 圖一
- egret圖片管理
工具達到的效果---
- 每次看到assets文件夾下面那么多圖片就頭疼彻亲，通過這個管理工具對所有需要用到的圖片進行歸類滔岳，方便將來對圖片進行二次操作
- 更少的圖片個數(shù)也意味著更少的圖片網(wǎng)絡(luò)請求，這樣整體游戲的加載時間就得到了壓縮，游戲體驗必然更好
工具達到目的的實現(xiàn)方式---
- 通過將很多小的圖片進行合成為一個.json文件和一個.png文件，json文件中對應(yīng)著每張小圖片在合成的大圖片中的坐標(biāo)，進而在egret中對圖片進行更方便的管理，如下圖第一張為合成后的json文件截圖，第二張為合成后的大圖：
- 圖二
- jsonwenjian
- 圖三
- jsonwenjian
工具的使用方法
- 首先在Egret Launcher中下載 egret Texture Merger
- 打開工具之后選擇Sprite Sheet選項碴巾，開始進行圖片的合成操作
- 將需要合成的小圖片首先放到一個獨立于項目的文件夾，方便將來對文件夾圖片進行增減丑搔，因為assets文件中用于合成的小圖片馬上會刪除
- 點擊新建項目選項厦瓢，輸入適合自己歸類的文件名，此處以common為例啤月。
- 將你需要合成的圖片拖動到編輯器中煮仇，此時軟件能夠完成的功能就結(jié)束了，下面的重點是
-
- 點擊保存項目此時會生成一個common.tmproject文件谎仲，這個文件作用
- 將來我們在對合成的common.json和common.png進行增減圖片時桌肴，該文件能夠被今天使用的texture merger文件打開庶橱，并鏈接到本地文件位置，進行進一步的操作
- 這也是為何在步驟3.中使用一個獨立的文件夾保存需要合成的圖片的原因
- 點擊導(dǎo)出文件，將文件導(dǎo)入到egret項目的assets文件夾下
- 在vscode編輯器中修改default.res.json文件惶桐，新增下面兩項：
group數(shù)組下新增
{
"keys": "common",
"name": "common"
}
resources數(shù)組下新增
{
"url": "assets/common.json",
"type": "sheet",
"name": "common",
"subkeys": "common_bg_png,firstLight_png,long_bg_png,raffle_bg_png,secondLight_png"
},
其中g(shù)roup中的兩個values值必須和resources中url和name的values值保持一致忠寻，此值是步驟7.中到處文件我們命名的文件名煞躬，subkeys可以為空量淌，馬上在egret編輯器中點擊common文件右鍵刷新subkeys會自動更新
- 加載資源組，在main.ts中l(wèi)oadResource函數(shù)下加載common.json文件
await RES.loadGroup("common", 0, loadingView);
- 重啟項目刷新飞涂，整個項目中的文件會自動追蹤到自己的文件位置旦部，不用二次編輯文件地址
以上就是整個使用步驟，如果有不妥或者疑問歡迎留言交流较店。
ps：文中markdown圖片地址使用的免費ipic軟件生成士八，第一次用這個軟件還不錯
