微信小游戏开发之cocoscreator资源加载方式

author author     2023-04-23     277

关键词:

参考技术A Cocos Creator中图片、Json等资源的动态加载

CocosCreator微信小游戏开发系列文章,是我在逐步开发过程中,基于官方文档之上,记录一些重点内容,以及对官方文档中有些知识点的补充和分析。

Cocos Creator导入资源方式:

项目中常用的资源有图片资源、预制资源(Prefab)、图集资源、脚本资源、声音资源、字体资源、JSON资源、文本资源等。

这些资源都可以直接拖动属性编辑器中绑定赋值,但是资源的读取涉及到I/O操作、序列化和反序列化,如果直接在属性编辑器中绑定,那么场景的初始化耗时会非常久,场景间的切换体验就会非常差,虽然CocosCreator提供了延迟加载资源策略,但是我尝试下来感觉场景的切换还是很慢。

动态加载,即在js脚本文件中,需要用到资源时才会异步加载进来,而需要动态加载的资源需要放在resources目录下,使用cc.resources.load方法加载:

加载远程服务器资源,则可以使用cc.assetManager:

图集资源是为了提高图片加载的性能,将碎片化的图片资源整合到一张图片上,再使用。比如做帧动画使用的图片,他们的内容不基本相似,可以采用生成图集的方式去使用。

既然您看到这了,说明文章对你还有吸引力,帮忙点个赞再走吧,谢谢!

自己动手写,分解项目中的各个模块需求,通过查文档和搜索Cocos社区,解决碰到的问题,最终在微信上线了下面这款微信小游戏《成语锦衣卫》,欢迎大家扫码体验,并作为参考项目模版,开发出属于自己的小游戏

下一节和朋友们说一说:场景切换和场景间数据传递方式(常驻节点),背景音效(场景切换不暂停)

[cocoscreator]assetmanager之管线(代码片段)

creator使用管线(pipeline)来处理整个资源加载的流程,这样的好处是解耦了资源处理的流程,将每一个步骤独立成一个单独的管道,管道可以很方便地进行复用和组合,并且方便了我们自定义整个加载流程... 查看详情

[cocoscreator]assetmanager之管线(代码片段)

creator使用管线(pipeline)来处理整个资源加载的流程,这样的好处是解耦了资源处理的流程,将每一个步骤独立成一个单独的管道,管道可以很方便地进行复用和组合,并且方便了我们自定义整个加载流程... 查看详情

[cocoscreator]assetmanager之管线(代码片段)

creator使用管线(pipeline)来处理整个资源加载的流程,这样的好处是解耦了资源处理的流程,将每一个步骤独立成一个单独的管道,管道可以很方便地进行复用和组合,并且方便了我们自定义整个加载流程... 查看详情

cocoscreator-如何动态加载资源

参考技术A本文主要说明在CocosCreator中如何动态加载Sprite、Prefab、Animation、Spine等资源。动态加载图片动态加载Prefab动态加载Animation动态加载Spine动画 查看详情

初探cocoscreator

1组件化开发1传统开发模式:代码加载数据运行cocosstudio就是典型的这种模式缺点就是:没有一个统一的工具能让大家都好协作。2组件化的开发模式:现有数据节点给数据节点添加组件,赋予节点对象不同的功能3首先创建一个空项目4... 查看详情

cocoscreator—优化首页打开速度

CocosCreator是一个优秀的游戏引擎开发工具,很多地方都针对H5游戏做了专门的优化,这是我比较喜欢CocosCreator的一点原因。其中一个优化点是首页的加载速度,开发组为了加快首页的渲染速度,减少白屏时间,把逻辑代码和首页... 查看详情

cocoscreator入门理解点

...主要产品有CocosStudio、Cocos2d-x(CocosFramework)、CocosCodeIDE。Q:CocosCreator是游戏引擎吗?A:它是一个完整的游戏开发解 查看详情

cocos游戏脚本怎么使用

参考技术A您好,方法我们首先启动CocosCreator,然后选择打开其他项目。在弹出的文件夹选择对话框中,选中我们刚下载并解压完成的start_project,点击打开按钮。CocosCreator编辑器主窗口会打开,我们将看到项目状态。在CoC中,游... 查看详情

cocoscreator卡在加载资源

cocoscreator卡在加载资源具体解答如下1、软件包故障:重新从官网,应用市场或应用商店下载最新版本,重新安装。2、系统版本不兼容:去官网换一个版本下载并重新安装。参考技术A静态加载/动态加载cocos的资源加载方式有静态... 查看详情

cocoscreator2.3开发《海底世界》小游戏(代码片段)

一、快照回忆与简介为了辅助理解小游戏实现流程与编程逻辑,恕我再复制上一篇中快照,供阅读参考。游戏主场景文件名是:mainscene.fire。通过主场景编程,读者能够很好地学习到CocosCreator编程中的如下一些知识:属性动画与... 查看详情

第一个cocoscreator项目经验(代码片段)

ps:第一次写,不太会,简单做一些分享,不太对的望各位大佬加以指正一、项目准备1、项目结构1、层级管理器GameMgr类:用于管理整个游戏的流程进行,可放入全局使用例如角色对象池等等资源;PlayerData类:用于记录管理用户... 查看详情

cocoscreator—如何给资源打md5版本号

CocosCreator是Cocos最新一代的游戏开发者工具,基于Cocos2d-x,组件化,脚本化,数据驱动,跨平台发布。CocosCreator的开发思路已经逐步跟Unity3D靠拢,写起来也更方便快捷,开发效率更高。但既然是新东西,免不了各种坑。其中在发... 查看详情

cocoscreator游戏开发---菜鸟学习之路socketio简易教程

...仅列出我所碰到的导致该问题的解决方案:首先是我们在CocosCreator引入SocketIO文件的时候他有以个提示,是否引入为插件,这里需要勾选“是”如果已经勾选了那么可以在资源管理器中选 查看详情

游戏开发-cocoscreator踩坑-cc.loader.loadres(代码片段)

cc.loader.loadRes("sounds/music/home_scene_bg",cc.AudioClip,function(err,clip)sound_manager.play_music(clip,true););资源的url不需要写根目录resources,也不需要加文件类型后缀 查看详情

cocoscreatorcocoscreator介绍和入门(代码片段)

...、安装和启动三、入门示例四、项目结构五、编辑器界面CocosCreator是一个完整的游戏开发解决方案,包含了cocos2d-x引擎的JavaScript实现,以及快速开发游戏所需求的各种图形界面东西。CocosCreator的编辑器完全为引擎定制打... 查看详情

cocoscreator-精灵动态加载图片资源,实例化精灵(代码片段)

CocosCreator-3.0-精灵动态加载图片资源,实例化精灵varspriteFrameEnemyBigGlobal:SpriteFrame;//精灵框架敌人大号全局变量onLoad()console.log('-LifeonLoad-');//加载SpriteFrame,image是ImageAsset,spriteFrame是im 查看详情

cocoscreator-精灵动态加载图片资源,实例化精灵(代码片段)

CocosCreator-3.0-精灵动态加载图片资源,实例化精灵varspriteFrameEnemyBigGlobal:SpriteFrame;//精灵框架敌人大号全局变量onLoad()console.log('-LifeonLoad-');//加载SpriteFrame,image是ImageAsset,spriteFrame是im 查看详情

cocoscreator-精灵动态加载图片资源,实例化精灵(代码片段)

CocosCreator-3.0-精灵动态加载图片资源,实例化精灵varspriteFrameEnemyBigGlobal:SpriteFrame;//精灵框架敌人大号全局变量onLoad()console.log('-LifeonLoad-');//加载SpriteFrame,image是ImageAsset,spriteFrame是im 查看详情