creator 2.1.3 微信小游戏资源加载流程研究记录 （一）

最近一直被微信小游戏资源加载流程所困扰，今天便撸了一手源码

creator 中所有的资源加载都是通过 ccLoader 实现的
function CCLoader () {
var assetLoader = new AssetLoader();
var downloader = new Downloader();
var loader = new Loader();

Pipeline.call(this, [
assetLoader,
downloader,
loader
]);

ccLoader 通过以上代码继承自 Pipeline 同时将 AssetLoader、Downloader、Loader 几个 Pipe 添加到其中,ccLoader提供了几个接口加载资源：

1. load
2. loadRes
3. loadResDir

无论使用哪个接口加载资源最后都会执行到 CCLoader 中的 load 函数，load 函数中 通过 uuid 获取到文件路径，存储到 _sharedResources 中，然后创建了 loadingItem 并加入队列，同时将 sharedResources 添加到 loadingItem 中。然后就来到 LoadingItem 中的 append 函数中，此函数会将已加载或者正加载的剔除，然后将要加载的 item 放到数组里，使用 PipeLine 的 flowIn 进行资源加载。 flowIn 中先把需要加载的 item 缓存，防止重复加载。然后开始调用 flow 函数 ，flow 中除去剔除已加载以及加载失败的代码，对于加载资源主要的就是通过依次流入所有的 pipe 即调用其中所有的pipe都有实现的的 handle 函数进行相应的加载(对于这个过程有些疑问没弄清楚，就是为什么在有 pipe 加载出的结果不是 null 时已经把 item.content 赋值，后续还要进行加载，而且如果加载完成依然赋值)。

以上是 creator 在不考虑微信小游戏平台的加载方案，通过查看小游戏生成的 WxDownloader 可以发现，除了上述提到的 Pipe 外还在微信小游戏生成的文件中的 game.js 中 使用 cc.loader.insertPipeAfter(pipeBeforeDownloader, wxDownloader); 将 WxDownloader 添加了进去。这个 pipe 则是用来加载放到远程服务器的资源。具体加载方案查看其中 handle 的实现。