cocostudio Cocos2D-X引擎工具集2.0.2 官网正式版

CocoStudio是一套基于Cocos2D-X引擎的工具集，包括UI编辑器、动画编辑器、场景编辑器和数据编辑器。我们刚才说过，工作流程和部门分工导致了人员价值并没有实现最大化，而CocoStudio工具集解决的就是这方面的问题。它的整体思路就是减少程序员的工作压力，让策划、UI、动画等方面的负责人可以通过CocoStudio工具集中对应的工具，把动画、图像等元素直接转化成类似模块的代码，程序员在编码过程中，只要直接将相关对应内容调入实现即可。

FrameWorkforCocoStudio

这套FrameWork是基于Cocos2D-X的，基于实体和组件开发的。现在我们是把它开放给大家去试用，而且我们会有一个团队一直在维护这套框架。框架本身是支持Javascript脚本的，如果大家想去快速的开发游戏原型，相信这个框架是非常适合的，因为我们配合这个场景编辑器，配合我们CocoStudio其他的工具，再配合这个框架，可以快速的做出游戏原型。场景编辑器可以整合我们之前CocoStudio其他编辑器的资源，构成当前的游戏关卡，同时也支持第三方的工具模式，刚才大家也看到了里面喷泉的粒子效果。后续我们在场景编辑器里面也会开发插件系统，大家可以二次开发自定义的控件。

手游开发工具(cocostudio)的特点

CocoStudio的核心特点就是

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

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

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

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

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

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

UI编辑器

我先从UI编辑器先讲起，我们介绍的第一个工具是UI编辑器。我们先来看一段视频，“界面左边是一排控件，我们把所有的控件拖到界面当中去，调整坐标，在右边设置它们的属性。因为这个视频就是我们开发人员录的，我们也没有找专业的美术，所以做得可能不是很专业。这个视频演示了几个不常用的控件。大家可以看到，除了编辑功能，其他什么都没有，很简单。”耔耘小丰仓1.0.9 免费版

UI编辑器是支持碎图合并功能，大家通过刚才的视频也看到我们拖了很多的控件，用到了很多的图，我们导出的时候可能有很多图。大家都清楚，图片数量如果非常多的话，在程序里面加载会非常低效。所以通常大家会使用一些第三方工具，将图合并成一张。这样的话，在程序里面的运行效率会比较高，我们现在把这个功能也直接集成到UI编辑器里面。这样的话，大家在导出的时候就不需要再借助一些第三方工具再去合图。

自定义UI模板是我介绍的UI编辑器的第三种功能，我们在做这个游戏的时候，比如我们做了一个商店界面或者一个设置界面，我下一个游戏的时候还需要这个界面，我不想重复造轮子，我可以把这个界面保存成模板，我在下一个项目当中把这个模板导进来，我们替换相应的资源，保证我们制作上是非常高效的。这就是我刚才介绍的UI编辑器，当然它还有很多其他的功能，希望大家会后下载，可以自己去体验。

数据编辑器与场景编辑器

UI编辑器和动画编辑器都是给美术用的，下面我们介绍两个编辑器是给策划用的，先说数据编辑器。数据编辑器非常简单，它就是把策划用的Excel数值表分解，然后转化成Cocos2D-X可以识别的格式，虽然说这个功能非常简单，可能大家觉得不重要。但是我们之前做游戏的话，我们的策划是一直在用Excel做数值表的。这是我们的数据编辑器，中间我们会去分析这里面每一个表单，然后把它列在上面，右边是显示我们的数值，我们可以转换和拷出，把一张非常大的表分解成每一个小表。数据编辑器可以配合场景编辑器来使用，大家看一下这个方块是什么，这里面我来解释一下，我们这个场景编辑器是基于实体和组件的模式，我们创建一些实体，就是一个一个的方块。把所有的功能设计成一个一个组件，分别绑在这些实体上。我们看到创建了一个实体，绑定一个动画组件就可以实现一个动画加入到场景中，场景编辑器就是实现将所有的资源整合在一起。

动画编辑器

我们缺少做动画的工具，所以我们做了一个简单的动画编辑器，把这张图放在这儿。这是刚才视频里面演示的，也是这次我们要公布的新的动画编辑器的界面。两个编辑器对比起来我们会发现，现在的编辑器比以前要专业一些。为什么要放这两张图，我想说的是，动画编辑器是给美术设计师用的，所以我们在界面设计上是尽量参考美术经常使用的一些软件，无论是从界面上还是快捷键这些功能，尽量是保持美术的习惯。

他们在使用这个动画编辑器的时候就非常容易上手，不存在什么门槛。同样我们动画编辑器就是只能做动画，我们动画设计师在使用这个编辑器的时候，它的功能是非常纯粹的。这样的话，我们这个编辑器所表现的动画功能，相信它会比其他工具的动画编辑功能更专业。

碎图合并，因为刚才我们UI编辑器是有碎图合并，而且我们使用得非常爽，所以我们把这个功能也合并到我们动画编辑器。如果我们做了一个动画，最终我们可以合并成一张图，而且这个东西在我们动画编辑器和UI编辑器导出的时候是自动的。刚才提到骨骼动画的时候，我说了很多序列帧不好的地方，但是序列帧确实在做一些动画，或者是有一些特效还是非常有用的。比如说我们在做角色动作的时候，序列帧还是非常关键的，包括我们做一些爆炸特效，做一些火焰特效的话，序列帧实现的效果比较好。动画编辑器依然支持序列帧，而且我们把序列帧做得非常简单，非常高效。刚才大家也看到了，我们只需要三个操作就可以把序列帧完成。