cocos creator 加载自定义或者压缩文件的方式

工具

cocos creator 2.1.2
查阅代码目录:[cocos creator 2.1.2项目目录]\resources\engine
	\cocos2d\core\load-pipeline\text-loader.js
	\cocos2d\core\load-pipeline\binary-loader.js
	\resources\builtin\weapp-adapter\wx-downloader.js
	\resources\builtin\weapp-adapter\wx-fs-utils.js
	等等

起因

1. 游戏是关卡类型的
2. 关卡全部使用预制件的形式制作
3. 关卡打包的时候生成的json文件过大
4. 需要对这些文件进行压缩

代码调整思路

1. 在cocos creator中加载的大题流程是
	a. download
	b. loader
	大概这样的形式,那么只要替换调加载的函数就可以了
2. 在download中替换相应的函数
	例如: web直接替换loadJson函数 
			大概:cc.loader.addDownloadHandlers({"json":funcJsonGz});
			cc.loader.addDownloadHandlers({"gz":funcJsonGz});
		wx大需要修改wx-downloader.js中
			readFile函数
	内容大概是:
		a. 判断后缀是否json文件
		b. 使用binary加载
		c. 判断头部是否是压缩文件
		d. 进行解压或者直接返回数据

压缩思路

1. 编写插件在发布结束的时候,读取所有json后缀文件
2. 判断大小进行gz压缩写会原来的文件

压缩

这里选择的是直接对json进行压缩,文件后缀不变,使用pako库

大体代码(针对web和wx包内资源)

// utils.js web使用的加载方式, wx远程加载没有做设计考虑
"use strict";

var Uint8ArrayToString = function(uint8array){
    return new TextDecoder("utf-8").decode(uint8array);
}

//=============================================
var funcJsonGz =  function(item, callback) {
    // 根据不同情况进行判断处理否则问题多多
    var url = item.url;
    if (!CC_EDITOR && CC_BUILD && !CC_PREVIEW){
        url = url.replace(".json", ".gz");
    }
    var errInfo = 'Load binary data failed: ' + url + '';
    var xhr = cc.loader.getXMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.responseType = "arraybuffer";
    xhr.onload = function () {
        var arrayBuffer = xhr.response;
        if (arrayBuffer) {
            var result = new Uint8Array(arrayBuffer);

            let outString = "";
            let uerr = null;
            //===================================
            // 判断开头的处理 是否是压缩方式
            if (result[0] == 0x1f && result[1] == 0x8b){
                try {
                    outString = pako.inflate(result, { gzip: true, to: 'string'});
            
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值