Cocos Creator入坑笔记之关于资源加载,解析json之类的问题

时间:2024-04-09 16:49:20

最近入坑Cocos Creator,对于一个Unity程序来说,上手Cocos Creator还是比较容易的,最近在做一款微信小游戏一笔到底,

把自己遇到的问题记录下来。

首先,我把关卡数据保存为json数据,然后游戏开始的时候读取关卡数据,我的Json数据格式是类似于这样的

Cocos Creator入坑笔记之关于资源加载,解析json之类的问题

这是我的Json数据

{"partdatas":[{"levelId":1,"pointPositions":[{"x":-150,"y":-10},{"x":150,"y":-10},{"x":0,"y":290}],"lines":[{"fromIndex":2,"toIndex":0},{"fromIndex":0,"toIndex":1},{"fromIndex":1,"toIndex":2}]}, {"levelId":2,"pointPositions":[{"x":-150,"y":-10},{"x":150,"y":-10},{"x":-150,"y":290},{"x":150,"y":290}],"lines":[{"fromIndex":2,"toIndex":0},{"fromIndex":0,"toIndex":1},{"fromIndex":1,"toIndex":3},{"fromIndex":3,"toIndex":2},{"fromIndex":2,"toIndex":1}]},{"levelId":13,"pointPositions":[{"x":-150,"y":140},{"x":0,"y":-10},{"x":-150,"y":-10},{"x":150,"y":-10},{"x":-150,"y":290},{"x":150,"y":140},{"x":0,"y":290},{"x":150,"y":290}],"lines":[{"fromIndex":6,"toIndex":4},{"fromIndex":4,"toIndex":0},{"fromIndex":0,"toIndex":6},{"fromIndex":6,"toIndex":7},{"fromIndex":7,"toIndex":5},{"fromIndex":5,"toIndex":6},{"fromIndex":6,"toIndex":1},{"fromIndex":1,"toIndex":0},{"fromIndex":0,"toIndex":2},{"fromIndex":2,"toIndex":1},{"fromIndex":1,"toIndex":3},{"fromIndex":3,"toIndex":5},{"fromIndex":5,"toIndex":1}]}]}

然后我使用的cocos Creator 最新的 API 来进行加载的,就像这样

Cocos Creator入坑笔记之关于资源加载,解析json之类的问题

Cocos Creator入坑笔记之关于资源加载,解析json之类的问题

这里有两个坑:1:我这里使用了一个self来保存当前的脚本,然后我在回调方法loadLevelDataCallBack中使用self来赋值给当前脚本的关卡的数据集,注意:这里不能直接用this.leveldata,在这个回调方法里的this并不是我们当前脚本,而是这个回调方法的调用者。

2.我这里加载资源时指定类型为cc.JsonAsset,这content.json就是为我们转换后的数据,不需要在使用Json.parse转换成具体类型了,这里要注意加载的文件数据的格式后缀名必须改为.json,才能被正确加载,就像这样

 Cocos Creator入坑笔记之关于资源加载,解析json之类的问题

这是加载文本,下面是加载图片,直接加载图片的得到的类型将会是 cc.Texture2D,所以我们需要指定一个类型

我有下面这5张图片,上面的方法只能加载单个文件

Cocos Creator入坑笔记之关于资源加载,解析json之类的问题

这里我们使用 cc.loader.loadResDir,具体的加载方式可以参考官方文档:https://docs.cocos.com/creator/manual/zh/scripting/load-assets.html?h=resources

Cocos Creator入坑笔记之关于资源加载,解析json之类的问题

Cocos Creator入坑笔记之关于资源加载,解析json之类的问题

和上面的步骤一样,这里我使用一个SpriteFrame数组保存了这5张图片