judykang123的博客

目录前言找到并下载插件资源压缩构建后自动压缩PNG资源结论前言我们会使用自动图集、构建完再压缩图片替换等方法来减少项目的大小，那么针对这一点，cocos也有自带的插件来解决找到并下载插件插件是在cocos界面左上角导航栏的扩展里面，点击扩展–扩展商店就能看到扩展商店的界面，我们需要的是压缩的功能，所以搜索压缩，这里的资源压缩和构建后自动压缩PNG资源就是我们需要的，如图：点击他俩后面的免费按钮，把他们下载下来，再点击扩展就会看到下拉框多了【资源压缩】和【构建后自动压缩PNG资源】两个选项

目录前言更改图片更改位置前言上一节写的是构建发布，那么构建完还是需要更改一些小点，但是像我做的一些项目，构建完还需要和h5页面套在一起，一旦重新构建，后台也需要重新改路径之类的，就很麻烦，所以能改构建完的文件，就最好不重新构建更改图片如果说我们想找图片back，那么在cocos里发现图片back是层级back的背景图片，如图：接下来在构建后的文件里，找到res–import–里面的json文件，编辑器打开，ctrl+F搜索back，这个json文件里没有就换一个。搜到后如果是HbuilderX

目录自动图集创建配置构建发布构建发布完的文件结构自动图集有时候做cocos，小碎图太多，如果挨个导出来就很占位置，请求数太多加载速度也会变慢，这时我们就可以用自动图集创建只需要在图片的文件夹里面新建一个自动图集就可以了，如图：配置自动图集可以自定义宽高，点击新建的自动图集，看属性检查器，改成你想要的数值后点击右上角的绿色应用按钮等构建发布后，自动图集就会把它同级和下级们可以放在一张指定大小图上的小图片合成一张张图，比如这个例子就把每张单独动作的小人变成一张图两个人：但也要注意，不是

其他几篇：cocos creator学习（一）页面+动画cocos creator学习（二）js绑定动画cocos creator学习（三）预制节点cocos creator学习（四）全局变量+类之间的函数调用cocos creator学习（五）定时器cocos creator学习（六）组件Mask（超出部分隐藏）...

目录组件使用组件分类RECT矩形ELLIPSE圆形/多边形IMAGE_STENCIL自定义（图片模板）js里改变mask大小组件使用mask的地方只需要两个组件：自带的Node和渲染组件里的Mask使用组件首先要有一个使用mask组件的图层，设置好宽高。他下面有张图片。层级结构如图：mask_exam的暂定为宽高都是300（没有宽高看不到效果），然后我们给他加一个mask组件（在渲染组件里，点击添加组件按钮就能找到了），mask_exam组件详情如图：这样我们就会发现500x300的图片，3

目录前言一次性定时器循环定时器停止本页所有定时器前言前四篇：cocos creator学习（一）页面+动画cocos creator学习（二）js绑定动画cocos creator学习（三）预制节点cocos creator学习（四）全局变量+类之间的函数调用一次性定时器注：①14为秒数this.scheduleOnce(function(){xxx },14)例：this.scheduleOnce(function(){ //scene7在2s的时候执行动画s7move

目录前言前言前三篇：cocos creator学习（一）页面+动画cocos creator学习（二）js绑定动画cocos creator学习（三）预制节点总有一些值需要好几个js里都用到，也总有一些js需要调用其他js里的函数...

目录前言制作预制节点在js里声明预制节点在cocos里绑定脚本并一一对应获取预制节点位置将预制节点实例化后放入场景检查预制节点添加是否成功预制节点执行动画前言前两篇cocos creator学习（一）页面+动画cocos creator学习（二）js绑定动画写了从开始到完成一个简单的动画的过程，这篇写预制节点制作预制节点将想要让他成为预制节点的这个层级直接从层级管理器拖拽到资源管理器，即可变为预制节点（因为我的预制节点放在自己创建的prefab文件夹里，所以我直接拖拽到文件夹里了）为了让没看

前言上一篇介绍了cocos creator的页面结构，以及如何在cocos creator里做一个简单的动画及帧动画，这一片讲的是js绑定动画+预制节点。js绑定动画上一篇我们做好了动画，但是在cocos creator的界面上方中间的三角小图标打开后，我们发现页面并没有动，原因就是没有用js进行绑定创建js...

软件下载链接：https://www.cocos.com/creator/前言安装完软件后，打开，新建一个项目下面的是空白项目，也可以新建范例项目，看着写完的动画学习页面如上图所示（序号与图片序号一一对应）：1、层级管理器：包含当前打开场景（ctrl+S保存时可以定义当前场景的名字）的所有节点，就是你的场景编辑器（编号2）里面的东西，显示的隐藏的都能看到，节点越往下，显示的就越靠前2、场景编辑器：可以很直观地看到当前场景的效果（位置，动画等），里面的元素可以用图中左上角的【移动、旋转、缩放、