【如何用CocosStudio1.5编辑骨骼动画动画供程序开发人员使用】
来源:互联网 发布:天猫双十一直播数据 编辑:程序博客网 时间:2024/05/17 07:21
CocosStudio1.5骨骼动画编辑教程
1. 下载安装
下载网址:http://cn.cocos2d-x.org/download/,选择相应的开发系统版本,附图:
2. 打开Animation动画编译器
选择第一个Animation Editor编辑选项:
3. 动画编辑界面
点击文件,新建工程,选择动画存放的位置及工程名:
4. 创建工程成功
5. 导入单张图片资源
在资源视窗中Resources文件夹右键点击导入,将角色各个部分的图片导入:
6. 导入图片资源成功
7. 现在我们来做个游戏名叫拼图
选中你刚刚导入的图片资源拖到画布上,然后开始拼图游戏,要是觉得,画布太小,可以按住Ctrl然后滚鼠,1分钟后:有没有感觉很威武啊!!!!!!
8. 调节Layer层的高度
在对象结构区,选择你想修正层高的Layer,点击向下移即可调节层高,如下图:
调节层高后,牛仔的样子:
对象结构变成了酱紫的:
温馨提示:要养成随时保持的好习惯哦,人品不好突然停电就不好了额!Ctrl+S
9. 开始绑定骨骼
点击创建骨骼(Alt+K)后,进入创建骨骼模式:
我们以帽子为例,进入骨骼模式后,在帽子图片的位置拖动,你就会拖动出来1个小骨头来。然后点击停止创建骨骼,在要绑定骨骼的图片(这里是帽子)右键,选择绑定骨骼,然后点击我们刚刚拖出来的骨骼,这样,帽子的骨骼绑定工作就完成了:
10. 添加骨骼的父子关系
这里将牛仔衣服设为父节点,其余与衣服相邻的图片都为衣服的子节点,在添加父子关系之前,我们先关闭骨骼创建模式,如图不用我教了吧。
我们以将帽子绑定为衣服的子节点为列,首先我们选中帽子的骨骼,右键,点击选中,【绑定父关系】。
之后,我们在点击一下,衣服的骨骼,OK,一个父子关系就这样轻轻松松的绑好了,下面你自己来将其他骨骼的父子关系设定好。
11. 设计骨骼动画
接下来,开始设计骨骼动画,点击【形体模式】
既切换到【动画模式】
12. 保证首尾帧相同(一次的动画不需要保证首尾帧相同)
我们来创建一个帽子向上仰的动画,命名为JumpUp,选择帽子图片,复制第一帧:
后选中你设计的结束帧,如30帧,粘贴,保证动画首尾不卡帧。
选择尾帧30帧,点击旋转,就可以创建动画了。
保存,点击播放按钮,动画就可以播放了。
相同步骤,我们共创建4组动画:
13. 导出程序所需要的文件
【文件】-【导出】
弹出窗口:
导出图片大小以最小容纳所有图片为准,一般选择2的N次方大小为准,当导出图片尺寸选择过小时,应该会生成多张PND图集,尽量让程序只生成一张图集。
点击确认,导出成功:
我们去文件生成的文件夹看下我们生成的文件:
给程序人员这3个文件,程序人员就可以,就可以根据动画的名称(如JumpUp)获取播放动画了。
14. 参考文献
http://www.cocoachina.com/bbs/read.php?tid=189665
注意:如果动画不是循环的,记得把循环播放勾掉。
- 【如何用CocosStudio1.5编辑骨骼动画动画供程序开发人员使用】
- cocoStudio工具的使用-----骨骼动画编辑
- 使用Spine软件制作骨骼动画供Cocos2d-x使用
- DragonBones导出骨骼动画供cocos2d-x使用
- 骨骼动画程序
- 骨骼动画程序
- 使用骨骼动画
- cocos studio 2.3支持骨骼动画编辑
- cocos2d-x 使用骨骼动画
- Cocosd使用骨骼动画Spine
- cocos2d-x骨骼动画使用
- 骨骼动画
- 骨骼动画
- 骨骼动画
- 骨骼动画
- 骨骼动画
- 骨骼动画
- 骨骼动画
- 程序员能力矩阵 Programmer Competency Matrix
- 47 过河问题
- poj-3009
- poj 1236
- 数组的合并排序(不用排序法)
- 【如何用CocosStudio1.5编辑骨骼动画动画供程序开发人员使用】
- 48 小明的调查作业
- 【web开发学习笔记】Hibernate学习总结
- python中的对象拷贝
- 50 爱摘苹果的小明
- poj 1753
- POJ1088
- java不求有功,但求无过—异常处理
- Qt实现窗口拖动