CocoStudio(动画编辑器) v3.11官方免费版

CocoStudio是一款好用的游戏开发工具集，集合了手机游戏开发所用到的所有功能，让你轻轻松松开发出满意的html5游戏作品。CocoStudio包含了游戏编辑器，UI编辑器、动画编辑器、场景编辑器、数据编辑器等功能，用于处理游戏中的动画资源、UI界面、游戏场景、游戏数据。

四大编辑器

1、动画编辑器：

用于编辑游戏中使用的角色动画、特效动画、场景动画等动态的游戏资源。主要使用人员是美术设计师，美术设计师可以将绘制好的图片资源导入到动画编辑 器中，然后按照策划设计来编辑各种动画效果，并且在编辑器中演示编辑后的内容。动画编辑器支持关键帧动画，序列帧动画，骨骼动画等多种动画编辑方式。并支 持碎图导出，整图导出等多种资源优化方式。同时动画编辑器支持对Flash，PSD，Plist资源的解析。

2、UI编辑器：

用于编辑游戏中的所有的图形界面，主要使用人员是美术设计师。美术设计师可以将绘制好的界面图片资源导入到UI编辑器中，按照相应的设计方案来摆 放、设计、编辑、拼接、修改相应的游戏图形界面。并将编辑好的UI资源直接整体导出，可以在游戏代码中直接呈现出来。UI编辑器支持Cocos2d-X的 全部的控件，并进行了扩充。满足了游戏开发中对各种UI控件的需求。UI编辑器支持碎图导出、整图导出、UI模板、UI动画等实用功能。

3、数据编辑器：

用于将数值策划编辑的数值表导入数据编辑器中，将复杂表进行分解，导出成属性表，数值表等几种常用的数据文件。数据编辑器支持索引表，导出可以选择多种数据排列方式。

4、场景编辑器：

用于编辑游戏中的场景元素、游戏关卡。主要使用人员是策划或者关卡设计师。策划可以将多种游戏资源进行整合。包括动画资源、UI资源、地图资源、粒 子资源、图片资源、音乐音效等游戏资源在编辑器中按照设计文档进行编辑。同时场景编辑器可以编辑游戏中碰撞、触发器、控制器等逻辑资源。场景编辑器支持模 拟运行，可以在模拟器中或者无线连接到手机上直接运行当前游戏场景。

CocoStudio动画编辑器教程

1.1 界面介绍

v 动画列表：工程文件可以支持多个动画编辑编辑，动画列表下的一个元素就是一个完整的动作;

v 对象结构：是一个列表结构，展示当前动作的所有图层;

v 帧编辑区：针对于当前动作的图层进行动作帧的编辑，还可以播放预览当前动作;

v 渲染区：主要的编辑窗口，实时显示当前动作的帧效果，可以进行平移、旋转、缩放和骨骼绑定等操作;

v 资源编辑区：可以对当前选中的图层使用到的图片资源进行编辑，可以更改图片的锚点，也可以添加碰撞块数据;

v 属性窗口：支持对当前选中图层的数字编辑;

v 资源窗口：支持对当前工程的资源管理;

v 日志窗口：日志窗口用来记录所有操作的明细和历史。

2.1 新建工程

点击菜单栏的文件菜单，下拉列表中的新建按钮，会弹出一个新建工程的信息面板，大家可以给工程命名，并选择工程的保存路径，最好在命名和路径中不要有中文字符。

2.2 导入资源

1.点击菜单栏的文件菜单，下拉列表中的导入资源菜单，可以导入单个文件，也可以导入整个文件夹;

2.也可以点击资源窗口的图标按钮，分辨导入单个文件，和整个文件夹;

2.3资源编辑

右键点击资源窗口的资源，可以进行删除，重命名的操作;

可以再资源窗口下方的预览窗口，查看选中的资源预览效果图;

3.1创建动画

(1)右键点击动画列表窗口，选择新建动画;

(2)右键点击结构树窗口，选择添加图层;

(3)右键点击帧编辑窗口，选择添加帧;

经过以上操作，就可以看到渲染区会渲染出一个默认的图层元件;

3.2编辑图层

单个元件编辑方式：

(1)鼠标点击图层，选中元件，移动鼠标进行元件的拖动;

(2)在结构树上选择相应的图层，该元件会全局被选中;

多个元件编辑方式：

(1)渲染区：点击鼠标左键并进行拖动，可以进行元件的框选;

(2)结构树：点击鼠标左键并进行拖动，可以进行元件的框选;

删除图层元件：渲染区右键菜单，结构树右键菜单，delete建;

复制图层元件：渲染区右键菜单，结构树右键菜单，Ctrl+C;

粘贴图层元件：渲染区右键菜单，结构树右键菜单，Ctrl+V;

显示编辑：

1.元件被选中的时候，会显示白色的编辑框，编辑框的四个角点可以进行缩放编辑，编辑框的右边中心点可以进行旋转编辑;

3.3画布操作

1.缩放画布：Ctrl+鼠标滚轮，可以放大缩小画布;

2.移动画布：space(空格键) + 鼠标左键，可以拖动画布;

3.4属性编辑

显示/隐藏：显示或隐藏选中的控件;

旋转：调整控件的旋转角度;

缩放：调整控件的横向缩放和纵向缩放;

位置：调整控件的坐标;

渲染资源：设置/替换 当前图层元件的当前帧的图片资源;

颜色混合：设计/替换 当前图层元件的当前帧的资源的混合颜色;

3.5 资源编辑区

1.移动红色锚点，调整图层元件的渲染锚点，影响图层元件的平移，旋转和缩放的操作表现;

2.点击鼠标左键，拖动;添加碰撞矩形，可以添加多个碰撞矩形;

3.碰撞矩形可以左键点击选中，通过角点进行缩放;

4.右键点击碰撞矩形，选择删除，可以删除选中的碰撞矩形;

5.点击上方的放大、缩小按钮，可以对画布进行缩放，也可以通过Ctrl+鼠标滚轮进行画布缩放;

3.6导出资源

导出资源面板：

图片最大宽度：合成图片的最大宽度;

图片最大高度：合成图片的最大高度;

碎图缝隙：合成大图中的小图之间的缝隙像素;、

导出路径：用户自定义导出路径;

导出文件包括.png和.plist文件;

当工程中使用的图片合并后的尺寸大于设定的图片尺寸，程序将自动分割合并后的图片成多组合并图片，并添加序列下标;

4.0 自动序列帧动画

(1)右键动画列表，新建动画;

(2)右键结构树，新建图层;

(3)资源窗口，多选序列帧资源;

(4)拖动资源到结构树的图层上，完成自动创建序列帧;

4.1关键帧编辑

(1)选中编辑图层，右键帧编辑区，添加帧;

(2)可选中帧，并拖动帧，进行时间调整;

(3)点击时间刻度区，定位黄色时间线到相应的时间点，右键添加帧，也可以在渲染区对图层元件进行编辑，可以自动补齐关键帧;

4.2骨骼动画编辑

(1)选中图层，点击工具栏 绑定骨骼 按钮，左键点击渲染区图层，并拖动鼠标，画出骨骼;

(2)左键点击骨骼，拖动鼠标进行骨骼的旋转;

(3)按下键盘M键，拖动鼠标，进行骨骼的移动;

(4)按下键盘S键，拖动鼠标，进行骨骼的缩放;

(5)直接点击图层，可以单独对图层进行操作，不影响骨骼;

CocoStudio特色

1、实体+组件的设计模式，让游戏代码功能解耦。结构清晰，易于维护；

2、数据驱动，减少冗余代码，提升编程效率，降低错误风险；

3、实时模拟，设计人员不需要写代码即可看到游戏效果。让团队之间依赖性得到解耦，降低沟通成本；

4、易于扩展，Cocos Studio将实现插件机制，方便开发者自己定制编辑器，满足自己的特殊需求；

5、易学易用，Cocos Studio从设计上尽量迎合不同职业开发人员的使用习惯，操作及热键参考常用的工具；

6、支持脚本，使用脚本化来开发游戏，让游戏的开发更简单，并且易于更新，降低风险；

更新日志

1.新增点击3D世界坐标轴可快速调节视图

2.新增点击四个方向键可快捷移动3D场景

3.新增3D场景默认添加一个摄像机

4.新增支持3D对象快速等比例缩放

5.新增支持2D画布移动的手型按钮和快捷键：点击手型按钮(Q)后开启移动画布功能，点击箭头按钮(W)恢复到常态

6.优化导出Lua以插件形式在Cocos Store提供

7.优化优化Launcher界面，支持打开项目、打开项目所在文件夹

8.优化Launcher教程页添加cocos入门英文教程

9.优化资源区删除功能，支持从项目移除索引或者删除到回收站

10.修复编辑器导出数据文件中，PercentWidthEnabled以及PercentHeightEnabled不更新的问题

11.修复结构树导入非法资源失败后，鼠标选中状态未被释放，从而导致鼠标在非结构树区域移动，结构树也跟着移动的问题