如何在CocosCreator中使用JSZip壓縮
更新時(shí)間：2021年04月16日 14:17:20 作者：gamedaybyday
這篇文章主要介紹了在CocosCreator中使用JSZip壓縮，對(duì)JSZip感興趣的同學(xué)，不妨看一下，并且親自試一試
CocosCreator版本：2.4.2
jszip的實(shí)際項(xiàng)目應(yīng)用
游戲中有大量配置的情況下，文件會(huì)變得非常大，所以有些游戲會(huì)采用zip包壓縮解壓
例如如下游戲，將游戲配置config.json壓縮成zip包，加載后進(jìn)行解壓使用
拿到他的配置壓縮包
將.bin改成.zip，進(jìn)行解壓，得到游戲的所有json配置文件
未壓縮之前6M+
壓縮后文件 500KB+，壓縮后小了10倍左右。
在cocos中使用jszip
首先，在github上下載jszip庫
https://github.com/Stuk/jszip
將下載的jszip.min.js放在項(xiàng)目assets/libs下，將jszip.d.ts放在項(xiàng)目根目錄的libs下。 (jszip.d.ts在demo中)
將游戲的配置文件，多個(gè)json，壓縮成zip包，并將后綴zip改為bin，放在resources/config下
代碼中加載bin文件，并解析獲取其中的游戲物品配置GameItem.json
const {ccclass, property} = cc._decorator;
@ccclass
export default class Helloworld extends cc.Component {
onLoad(){
//加載config.bin
cc.resources.load("config/config", (err, assets:any)=>{
//解析
JSZip.loadAsync(assets._buffer).then((zip)=>{
//獲取GameItem.json配置
zip.file("GameItem.json").async("text").then((data)=>{
console.log(data);
//string轉(zhuǎn)成json格式
let json = JSON.parse(data);
console.log(json["1"].name);
})
});
})
}
}
加載解析成功，輸出
以上就是如何在CocosCreator中使用JSZip壓縮的詳細(xì)內(nèi)容，更多關(guān)于CocosCreator JSZip壓縮的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
js獲取網(wǎng)頁標(biāo)題2008-04-04
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)照片裁剪，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
js中用cssText設(shè)置css樣式的簡(jiǎn)單方法
下面小編就為大家?guī)硪黄猨s中用cssText設(shè)置css樣式的簡(jiǎn)單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
JavaScript 高仿真可控彈簧振子實(shí)現(xiàn)代碼
我剛學(xué)JavaScript ，看見一些牛人寫了許多特效，我也花了一天寫了一個(gè)彈簧振子，完全獨(dú)創(chuàng)，沒有借鑒任何人的代碼.2009-10-10
JS獲取并操作iframe中元素的方法，需要的朋友可以參考一下2013-03-03
在用AJAX的時(shí)候，經(jīng)常要用JS操作DOM，當(dāng)涉及到數(shù)據(jù)列表的時(shí)候，那用表格比較多，這里寫了組函數(shù)集合，專門用來操作表格，當(dāng)然，目前還有很多不足，但是對(duì)一些簡(jiǎn)單操作還是很方便的。2009-05-05
javascript 倒排序?qū)崿F(xiàn)代碼。2009-06-06
存放子頁面可以是iframe,又可以是frameset，本例介紹javascript父、子頁面交互技巧,需要的朋友可以參考下2014-08-08
如何更改js的alert樣式如：彈出對(duì)話框時(shí)的背景顏色、背景透明等等，下面有效果圖，感興趣的朋友可以學(xué)習(xí)下2014-01-01
Canvas實(shí)現(xiàn)放射線動(dòng)畫效果
本文主要分享了Canvas實(shí)現(xiàn)放射線動(dòng)畫的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02