CocosCreator

背景 一个采用 Cocos Creator 3.4.2 引擎开发的3D游戏，除了主游戏外，还有一个精简版游戏。精简版运行在小游戏平台，功能非常简单，所以要求启动速度一定要快。 首先在Creator项目设置中仅留下 WebGL 1.0、基础3D功能、基础2D功能、用户界面、运行状态统计 这几个模块，其… 阅读更多 »如何让CocosCreator3.x引擎启动提速60%

一 现象 CocosCreator3.x引擎的场景中开启阴影后，例如阴影贴图使用的是2048*2048，则每一次切换场景都会引起36M(贴图16M+深度20M)的内存泄漏，而且是必现。 这个BUG在3.x引擎一直存在，从3.6开始才没有这个问题，但没有找到专门针对这个BUG的fix说明。因为项目用的… 阅读更多 »Creator3.x引擎切场景时阴影内存泄漏的非官方补丁

本文讲解CocosCreator3.x引擎的资源管理机制，提供一种动态资源的加载和释放方案，在3.3.2版本测试通过。 1 简介 Creator3.x引擎提供了一套基于引用计数的资源释放机制，简单说就是使用时计数加1，不用时计数减1，当计数为0时自动释放。通过引擎加载的资源，都会被临时缓存在 ass… 阅读更多 »CocosCreator3.x引擎的动态资源加载和释放方案

1 原理 CocosCreator引擎通过Canvas和Widget组件来适配不同分辨率的屏幕。 Canvas(画布)：可以随时获得设备的实际大小并对所有渲染元素进行缩放。 Widget(对齐组件)：能够将元素对齐父节点的不同参考位置。 设计分辨率：场景制作时使用的模版分辨率。 屏幕分辨率：设备运行… 阅读更多 »CocosCreator屏幕适配小结

测试引擎：CocosCreator 2.x 测试前提 几个Label是兄弟节点且中间没有被其它节点分隔的情况下： – 使用系统字，每个Label占用一个DrawCall； – 不同Label使用不同的艺术数字，本机调试模式下每个Label占用一个DrawCall，使用自动图集构建后一共占用一个Dra… 阅读更多 »CocosCreator中关于Label的DrawCall测试

分包概述 分包加载，是把游戏内容按一定规则拆分成几个包，在首次启动时先下载必要的包，这个必要的包称为「主包」，开发者在主包内触发其它分包的下载，从而把首次启动的下载耗时分散到游戏运行中。 但各大平台考虑到承载能力，对分包还是有大小限制的，以微信小游戏为例： 整个小游戏所有分包大小不超过 8M 单个分… 阅读更多 »CocosCreator构建微信或QQ小游戏分包实例教程

包体优化 删除无用代码 定期清理，删除重复和未引用的资源 压缩音效文件，尽可能少占用空间 资源尽量放到res目录下。因为resources目录下的每个文件都会生成一个json，构建导出时，把资源映射关系存到Settings.js中，导致setting.js变大，所以，不是代码动态加载的资源，千万别放… 阅读更多 »CocosCreator开发笔记(25)-一些优化总结

ES6，全称ECMAScript 6.0，是2015年6月发布的JavaScript 新一代语法标准。与之前版本相比，增加了很多有用的特性，使JavaScript代码更加优雅和可靠。 目前主流浏览器已经支持99%以上的ES6语法，所以我们也可放心的在Cocos Creator 2.x及更高版本中使用… 阅读更多 »CocosCreator开发笔记(24)-Creator程序员应该掌握的一些ES6语法

AssetCleanerForCocosCreator 简介：一个基于Node.js的CocosCreator项目资源清理工具，自动化统计有哪些资源未使用，以及各类型资源的占比情况，从而帮助减小包体。 代码地址：https://github.com/foupwang/AssetCleanerForC… 阅读更多 »CocosCreator项目资源优化工具-AssetCleaner教程

在Creator游戏开发中，一般是这样创建对象： for (let i = 0; i < 10; i++) { let node = cc.instantiate(prefab); ... } 上面代码本身没有问题，就是连续实例化10个对象。但在大量UI、动画同时出现时，却极有可能引起卡顿，因为实例… 阅读更多 »CocosCreator中使用分帧创建对象

使用 gulp build 命令编译CocosCreator 2.0.9版本的engine源码，报“JavaScript heap out of memory”的错误，如下： 原因是源码文件数量太多，导致内存不足。 解决方法是编译命令加上参数，加大V8引擎的内存上限，例如改为8G，可如下： gulp… 阅读更多 »编译CocosCreator定制引擎失败的解决

含义 convertToNodeSpace 将一个点转换到节点 (局部) 坐标系，并加上锚点的坐标。 也就是说返回的坐标是相对于节点包围盒左下角的坐标。 convertToNodeSpaceAR 将一个点转换到节点 (局部) 空间坐标系，这个坐标系以锚点为原点。 也就是说返回的坐标是相对于节点原点的… 阅读更多 »CocosCreator开发笔记(22)-使用convertToNodeSpace和convertToWorldSpace

要编译Creator项目的Windows版本，首先做以下两件事： – 安装VS2015或VS2017； – 安装Python 2.7.5+； 本文以Creator 1.10.2 + VS2017为例。 安装完VS2017和Python 2.7.13后，构建Creator项目的Windows版本，报以… 阅读更多 »使用VS2017编译Creator项目Windows版本的过程

cc.Sprite是Creator中比较常用的一个组件，实际使用中常常需要做动态/异步加载。要让它显示图片，实际上主要是设置SpriteFrame。 let path = ‘resources/test.png’; let sp = node.getComponent(cc.Sprite); if … 阅读更多 »CocosCreator开发笔记(21)-cc.Sprite的动态加载和释放

不当用法 有时为了判断某个值有效，JS新手会写这种臃肿代码： if (data != null && typeof(data) != undefined && data != ”) { … } 为避免这种情况，首先要了解undefined和null的区别。 什么是undefined和null … 阅读更多 »CocosCreator开发笔记(20)-如何判断undefined和null