使用Spine来完成骨骼动画

原创 2016年08月29日 16:36:48

   其实对于没接触过这方面的我而言,刚开始看到骨骼动画的时候确实是一脸懵逼,完全不太理解这个东西,所以在看了下官网的介绍后,感觉人还是处于云里雾里的感觉,然后我们的技术主管跟我推荐使用cocostudio来完成骨骼动画,可是在知乎看到了cocostudio跟spine的对比后,确实后者的实用性和使用范围都好太多了,只好重新来了解这个spine了。这里分享一个破解版的spine下载地址https://pan.baidu.com/s/1hsJOydm 。

  1.按照文档安装好spine工具后,打开Spine工具

  2.新建工程文件如图所示

 

 3.下面模式都要设置为SETUP,然后点右边Tree下的Images模块,导入在自己的切片素材和原整图。

 

  4.接着将图片资源中的整图作为参考资源放入场景中,可以设置右下角的Color来更改原整图的颜色方便进行对比,然后在属性栏中把 background背景勾上,场景中就再也不会选中它了。并且,当你的输出打包图片设置中 Regions区的Ignore blank inmages 忽略背景图勾上时,它也不会被输出了(后面这个默认是勾上的)。
  5.然后就是创建骨骼了,一般先点击中心或root,然后选中create,在人物的重心位置创建一个父节点用于后续全身骨骼的创建,然后就是各个骨骼的创建,这里需要小心的就是注意各个骨骼的层级关系,控制父节点或父骨骼是可以同时控制所有子层级的骨骼的。
  6.然后就是添加添加骨骼的切片图片,也就是每个骨骼的皮肤,我一般使用的方法过程是,选中图片然后使用快捷键P或者使用SetParent来绑定骨骼,如图:
 

 

用黑色的箭头去选中绑定的骨骼,切片就与骨骼绑定了,按此步骤把所有的骨骼绑定对应的切片图片。

  7.到这里SETUP模式的步骤大概完成了,接着就是编辑动画了,首先要把模式切换为ANIMATE模式,如图所示:

 

  选中右边Tree中Animation模块,双击Animation就可以创建一个动画了,然后选中新建的动画,开始设置K帧,一般一个动作动画帧数最好设置在30帧以内。我一般间隔4、5帧设置一个K帧,使用Auto key来自动记录所有的改变。

 8.最后就是导出文件,如下图:

 使用Export生成json文件,使用Texture Packer生成alts文件和png文件,将导出的文件放到指定的文件夹用于使用。

浅谈Unity自带的Animation与骨骼动画Spine的优劣

Unity自带Animation,Animator是可以实现精灵的变化,位置移动,位置旋转,精灵不同时间段的变换为其他精灵 骨骼动画Spine的优势是当游戏中人体复杂的动画体现,需要骨骼动画的存在...
  • BuladeMian
  • BuladeMian
  • 2016年12月05日 19:56
  • 3502

Spine之二——认识界面

前言 一、本文演示用的是Spine试用版v1.9.17,除了不能导出和保存外,所有功能都齐全。用来学习完全足够。因为不能保存和导出,所以官方已经预先将每个示例动画,都导好了动画数据,就放在安装目录下...
  • yxtxiaotian
  • yxtxiaotian
  • 2016年05月08日 08:36
  • 1302

spine性能优化篇

Spine是一款优秀的2D骨骼动画软件,提供了几乎包含目前所有主流游戏引擎和编程语言的运行库。 本人使用cocos2d引擎开发移动游戏,鉴于Spine强大的功能和良好的UI,选择其实现骨骼动画。 ...
  • liyang_vo
  • liyang_vo
  • 2016年08月17日 16:39
  • 1794

使用Spine软件制作骨骼动画供Cocos2d-x使用

最近在思考下一个Cocos2d-x游戏做什么期间找到了一款很有意思的软件,这款软件名称叫做Spine,是专门用来制作骨骼动画的软件,该软件通过用人物身体的每一部分作为基本原件组装成一个人物的模型然后把...
  • tutuANE
  • tutuANE
  • 2015年07月25日 22:48
  • 3140

2D骨骼动画软件spine与在unity3d中使用

教程地址 http://www.taikr.com/course/200
  • woerxi
  • woerxi
  • 2016年09月21日 13:59
  • 858

在Unity3D中使用Spine2D的骨骼动画

调研资料 Spine下载地址: http://zh.esotericsoftware.com/   Unity3D的RunTime下载地址: https://github.com/Esote...
  • huanran_li
  • huanran_li
  • 2014年12月17日 17:02
  • 16342

Cocos2d-x v3.x官方文档]骨骼动画详解-Spine

[A-A+ lareina 2014 年 7 月 25 日 暂无评论 2485 次浏览Cocos2d-x | 新手入门新手入门 文章目录 骨骼动画编辑器——SpineSp...
  • oMingZi12345678
  • oMingZi12345678
  • 2015年02月03日 16:55
  • 1571

菜鸟也能学cocos2dx 3.0 骨骼动画spine

首先我们来看到底什么shi
  • w88219003
  • w88219003
  • 2014年07月01日 14:51
  • 15173

cocos2dx学习笔记(一)在cocos2dx 中使用spine骨骼动画

在cocos2dx 中使用spine骨骼动画初探最近在制作一款2D横版游戏,主要使用spine来做骨骼动画。 我用的是1.7版本的破解版spine,大家可以自行百度 刚打开spine就是一个样例:...
  • u012794461
  • u012794461
  • 2016年11月22日 13:22
  • 2856

在libGDX中使用Spine骨骼动画

在libGDX中使用Spine骨骼动画首先,github是个宝库,实践流的读者可以直接看例子进行学习1.这是Spine官方给出的例子https://github.com/EsotericSoftwar...
  • qq_35449976
  • qq_35449976
  • 2016年11月24日 14:19
  • 574
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用Spine来完成骨骼动画
举报原因:
原因补充:

(最多只允许输入30个字)