CocosCreator上手

编辑器
1.编辑器界面的各个面板、菜单和功能按钮。Cocos Creator 编辑器由多个面板组成，面板可以自由移动、组合，以适应不同项目和开发者的需要。
2.资源管理器：资源管理器里显示了资源文件夹（assets）中的所有资源。可以将文件从项目外面直接拖拽进来，或使用菜单导入资源。也可以拖拽资源放到上方的场景编辑器中显示出想要的结果，所见及所得。
3.层级管理器：用树状列表的形式展示场景中的所有节点和他们的层级关系，所有在场景编辑器中看到的内容都可以在层级管理器中找到对应的节点条目，在编辑场景时内容会显示。子节点会出现在父节点上，同级节点下面的节点会出现在上面的节点上方，子节点会继承父节点的层级属性。
4.属性检查器：这个是查看并编辑当前选中节点和组件属性的工作区域，这个面板会数据的形式展示和编辑来自脚本定义的属性数据。
5.场景编辑器：场景编辑器是用来展示和编辑场景中可视内容的工作区域，从画布上进行调整并且会在属性检查器中显示出相对应的调整数据。
6.因为脚本使用的是与组件绑定，在创建节点后捆绑脚本，在脚本上在声明后会可以绑定相对应的图片或者动画文件
（索引：使用索引可快速访问数据库表中的特定信息。索引是对数据库表中一列或多列的值进行排序的一种结构。是一个单独的、物理的数据库结构，它是某个表中一列或若干列值的集合和相应的指向表中物理标识这些值的数据页的逻辑指针清单。）
UI控件。
1.ScrollView（滚动视图）、ScrollBar（滚动条）和 Mask（遮罩）Button（按钮）ProgressBar（进度条）
EditBox（输入框）。
遮罩层：可以将与遮罩层相链接的图形中的图像遮盖起来。用户可以将多个层组合放在一个遮罩层下，以创建出多样的效果。
2.ScrollView 根节点 content （内容）节点 Mask 遮罩节点 ScrollBar 滚动条节点 COLOR 颜色变化
3.Button 的 Transition 属性用于设置当按钮处在普通（Normal）、按下（Pressed）、悬停（Hover）、禁用（Disabled）四种状态。
4.Click Events 点击事件：Button 上的点击事件是为了方便在制作 UI 界面时可以自行指定按钮功能而设置的，要让按钮按照自定义的方式响应更多样化的事件，可以参考 系统内置事件文档，手动在按钮节点上监听这些交互事件并做出处理。
5.ProgressBar（进度条）HORIZONTAL 水平进度条 VERTICAL 垂直进度条 FILLED 填充进度条
6.Layout Type 设为 Horizontal 时，所有子节点都会自动横向排列，并根据子节点的宽度（Width）总和设置 Layout 节点的宽度。上图中 Layout 包括的两个 Label 节点就自动被横向排列。
7.动画：点击节点然后编辑动画，点击左上角编辑动画，可设置帧数，循环模式。
8.如果需要添加传入的参数，则在 Params 旁点击 + 或者 - ，只支持Boolean，String，Number三种类型的参数。
9.脚本控制动画：可以通过脚本获得当前播放的动画和状态，通过位移创造出运动画面效果，Animation 支持同时播放多个动画的，播放不同的动画不会影响其他的动画的播放，可以制作复合动画。可以在脚本中的关键位置获得当前的运动动画名称然后判断当前的播放状态来控制一个节点按脚本逻辑来执行动画顺序来达到运动效果。可以控制播放动画的状态speed，还有循环状态和循环的次数。
10.设计分辨率宽高比大于屏幕分辨率，适配高度避免黑边，避免穿帮。
九宫格
1.作用控制图片中不可操作改变的部分，例如框架保护边框宽度。


相对应代码摘录：
（var anim = this.getComponent(cc.Animation);var animState = anim.play('test');
// 获取动画关联的clip
var clip = animState.clip;
// 获取动画的名字
var name = animState.name;
// 获取动画的播放速度
var speed = animState.speed;
// 获取动画的播放总时长
var duration = animState.duration;
// 获取动画的播放时间
var time = animState.time;
// 获取动画的重复次数
var repeatCount = animState.repeatCount;
// 获取动画的循环模式
var wrapMode = animState.wrapMode
// 获取动画是否正在播放
var playing = animState.isPlaying;
// 获取动画是否已经暂停
var paused = animState.isPaused;
// 获取动画的帧率
var frameRate = animState.frameRate;
// 设置循环模式为 Normal
animState.wrapeMode = cc.WrapMode.Normal;
// 设置循环模式为 Loop
animState.wrapeMode = cc.WrapMode.Loop;
// 设置动画循环次数为2次
animState.repeatCount = 2;
// 设置动画循环次数为无限次
animState.repeatCount = Infinity;）