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

本文分享了在CocosCreator中使用JSON数据格式存储游戏关卡数据的经验,详细介绍了如何通过最新API加载JSON数据,以及在加载过程中可能遇到的两个常见问题及其解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

首先,我把关卡数据保存为json数据,然后游戏开始的时候读取关卡数据,我的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 来进行加载的,就像这样

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

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

 

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值