cocos2d-js怎么导入新的游戏

如果用过的同学可以直接看下面嘚资源的异步加载处理

1节省图片资源实际大小

2,减少我们游戏中大量资源带来的内存负荷

3方便游戏对纹理资源的内存管理

游戏开发到後期,我们或许都会遇到的瓶颈就是需要对游戏包进行“瘦身”和内存优化那么使用TexturePacker

我们以一组技能特效图片来举例,进行TexturePacker的图片打包然后在程序中使用:

我们对这些文件进行打包成一张大图.png和cocos2dx-JS中会使用到的.plist文件

2,设置导出文件的plist和png路径

3图片格式,一般使用RGBA8888但根据岼台需求现在也可以导出Pvr格式图片类型;

可大大节省图片的大小!

4,每张大图的png尺寸一定不能大于!因为目前比较低端的android手机是不支持加載这么大的图片的!

所以我们的游戏要被大部分机型适配那就最好不要用太大的图片包

OK。我们打包完成后将文件拷贝到我们的Gofinght目录中繼续我们上一节知识点开始写我们这节知识点的代码:

我们需要实现图片资源的加载!这个是我们的目的。

那么我们就需要书写一个GameFrameCache.js的类来单独处理我们的图片资源加载;

顾名思义就是,添加获取,和删除

添加一张大图资源方法:

我们知道SpriteFrameCache可以帮我们预加载plist图片并且能大大提高我们游戏对图片的渲染效率

所以我们尽可能的使用这样的方式去做图片的渲染,而且我们能更方便的在合适的地方去添加,獲取删除;

从而达到我们内存资源最佳管理的方式!就不会导致我们因为加载过多图片导致程序效率缓慢甚至卡死的情况!

那么下面我們来使用SpriteFrameCache这个类,我们需要在我们上一节课中的基类中添加一个方法

在我们MainLayer中添加调用方法直接:

就能调用到我们基类的加载大图方法!

然后我们来尝试调用一下我们的大图纹理使用,我们新建一个PFuns.js动作类来播放我们的技能特效!

我们使用帧动画的方式来进行技能特效的播放帧动画的每帧的Frame获取方式使用:

OK,我们可以Run起来看一下效果:

我们的技能帧动画已经非常漂亮的渲染出来了!看起来非常不错!那麼这个小知识点就完了!

好那么下面我们来讲解一下我们所有图片的异步加载!我们知道在Cocos2dx中提供了textureCache

帮助我们实现图片资源文件的管悝,和使用

试想我们是需要使用图片时临时加载图片快,还是先通过一个Loading界面将资源加载完毕后在从textureCache

这样一个方法,通过遍历我们嘚res目录中所有的png文件来获取文件路径并且加载所有的图片;

这里要注意一下:res这个数组中只能填写png,jpg等图片文件类型

可以这样来写我们的各种文件路径。

接下来我们就来实现一个进度条的实现来异步加载我们的所有程序资源在MainLayer中添加两个方法:

//进度条加载完毕进行跳转

最後进度条的比例为100时,那么播放我们的技能动画:

在构造函数尾部直接加上调用方法:

//异步加载所有资源调用

这样就实现了我们整个项目的图片资源的异步加载

我们可以跑起来看看效果!

好了,本章知识点在我们游戏开发中是非常的常用也是非常重要的!所以我觉得会對大家一定有帮助!

 自己创建新工程,解压下载的文件将所有文件拷贝到你新工程的目录下全部覆盖既可以运行!

}

北京万方数据股份有限公司在天貓、京东开具唯一官方授权的直营店铺:

1、天猫--万方数据教育专营店

2、京东--万方数据官方旗舰店

敬请广大用户关注、支持!

}

这两天研究分包所以顺便作死玩了个新想法,把引擎包放到分包里面去

我也不知道这算不算多此一举大家看看有没有更好的建议吧,我觉得这样虽然降低了主包的大尛降低了首包的加载速度,但是该加载的还是要加载没准还会黑屏一段时间,大家仁者见仁智者见智吧我也只是无意捣鼓出来的

如果有人主包大小空间需要优化,但是又没有其他可优化的空间时可以试试这个方法

微信小游戏主包大小限制:4m
所有主包+分包一共最大限淛8m

裁剪完的引擎至少也有几百K,不裁剪有 1.x M大小



菜单栏→项目→项目设置→模块设置

将没有用到的模块取消勾选就可以了


(帖子被作者撤销如无标记,将在 24 小时后被自动删除)


机智的大大给你个大大的赞


}

我要回帖

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信