Cocos

包体优化 删除无用代码 定期清理，删除重复和未引用的资源 压缩音效文件，尽可能少占用空间 资源尽量放到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语法

1、什么是DrawCall 一个DrawCall就是CPU向GPU发送一次绘制命令，例如：某个场景的DrawCall是80，代表该场景每个渲染帧内GPU需要绘制80次。每一次DrawCall都需要传输纹理、顶点数据以及渲染上下文切换，是非常消耗性能的操作，DarwCall过高会直接影响游戏的整体性能… 阅读更多 »游戏DrawCall分析利器-SpectorJS使用入门

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

Creator的的资源管理 CocosCreator会为每个资源文件生成一个唯一ID，称为uuid（通用唯一标识符，Universally Unique Identifier）。Creator引擎通过uuid来引用文件，而不再是 路径 + 文件名 的简单 方式，只要uuid不变，就可以在Creato… 阅读更多 »CocosCreator开发笔记(19)-meta文件使用总结

CocosCreator目前支持的Animation回调事件有： play : 开始播放时 stop : 停止播放时 pause : 暂停播放时 resume : 恢复播放时 lastframe : 假如动画循环次数大于 1，当动画播放到最后一帧时 finished : 动画播放完成时 首先确保节点… 阅读更多 »CocosCreator开发笔记(18)-如何处理Animation动画的结束回调

Cocos Creator 内置了一个简单易用的碰撞检测系统，支持 圆形，矩形 以及 多边形 相互间的碰撞检测。 碰撞系统接口 获取碰撞检测系统 let manager = cc.director.getCollisionManager(); 默认碰撞检测系统是禁用的，使用时需要以下方法开启碰撞检测… 阅读更多 »CocosCreator开发笔记(17)-碰撞检测系统的常用接口

本文主要说明在CocosCreator中如何动态加载Sprite、Prefab、Animation、Spine等资源。 动态加载图片 let self = this; cc.loader.loadRes(url, cc.SpriteFrame, function(err, spFrame) { if… 阅读更多 »CocosCreator开发笔记(16)-如何动态加载资源

CocosCreator提供了很方便的Spine动画接口，我们常常会在播放Spine动画完成后做一些处理，这就需要知道Spine动画播放完成的准确时机。 有两种注册结束回调的方法，一是使用 setCompleteListener，它是针对单个动画的，一般使用这个就可以了。示例代码如下： playSp… 阅读更多 »CocosCreator开发笔记(15)-如何处理Spine动画的结束回调

游戏的弹出窗口常常会要求窗口背景置灰，并且屏蔽非窗口区域的输入事件。在Cocos引擎以前版本中，通常做法是动态创建一个置灰Layer，并屏蔽所有输入事件来实现。而CocosCreator中内置了一个BlockInputEvents组件，不需添加任何代码，很轻松实现了这个功能。 使用方法 1、在窗口根… 阅读更多 »CocosCreator开发笔记(14)-如何增加置灰层