关于用Spine制作骨骼动画的步骤
步骤:
1.打开spine。
2.新建一个空项目。
3.点右边Tree下的Images模块,导入在自己的切片素材和原整图。
4.把原整图拖到场景中,点右下角Color改变原图的颜色,方便后面对照。
5.把切片素材一个一个拖到场景中,不用在意层级关系,先按照原整图的模板,一个一个贴上去就行了,如果大小不对,可以改变Scale的值来改变大小,不过宽和高的Scale要一致。
6.接下来调节切片的层级关系,展开右边Tree的Draw Order模块,按照原整图的层级关系,进行拖动切片,使我们一个一个贴上去的图的整体效果和原整图的一样。
7.然后是创建骨骼,点Root节点,再点Create,再点跨部为一个中心点,然后以这个中心点为父亲,其他的点为它的子节点,注意创建骨骼要确定层级关系,如果拖动父级节点,它的所有子节点都会跟着动。
8.接下来就是把骨骼和切片进行绑定,有两种方法,一种是点击要绑定的图片或者说是切片,再点击右下角的Set Parent,再点击要绑定的骨骼,就可以了。但是这个方法绑定的图片太僵硬,而且一个切片只能对应一个骨骼。要使动画更生动,必须增加切片的数量。还有一种是蒙皮,英文叫Mesh,这个功能只有正版才有,用法是点击一张图,勾选右下角的Mesh选项,再点击Edit编辑蒙皮,会出现一个蓝色的框框,我们点出现的版块里面的create,创建一些点。这些点受指定骨骼的控制,而这些点可以控制它周围的像素,如果点越密,单个点控制的像素面积就比较少,如果比较稀疏,单个点控制的就比较多。我用的是1.7.03的破解版,目前只有这个版本的破解版。正版要一千多块快到两千...
9.然后还可以进行IK,但是只有1.9版本以后的Spine才有这个功能,这个功能的用途是我们设置的一些点会被固定在场景上,使它们不受拖动之类的影响。
10.最后是制作动画,右键点击右边Tree下的Animation模块,新建一个动画,取的名字后面在程序中会用到,然后就是K帧。一般一个动作控制在30帧以内,越小越好。
11.点击Auto Key可以自动记录我们做的改变,在0帧的时候设置它的初始状态,然后5帧的时候再设置一下,10帧的时候再设置一下,目前我是用这个方法,但是做出来的动画很丑...
12.导出,点击左上角,Export,然后选择左边的Jason格式,再选择导出的路径,再勾选全部的框框,一定要勾选导出Atls文件,这个在程序资源中有用。
13.最后就会生成三个文件,分别是Jason文件,png文件,atls文件。png文件是图片文件,这张图上有所以切片的集合,官方的例子里面png文件里面除了切片集合外还有一张原整图,我自己做的没有原整图,我不知道是为什么,但是都可以用。
14.第一次测试我做的动画是在Cocos Creator上测试的,感觉还可以,就是做的动画不专业,太丑了...至少能动吧。
关于用Spine制作骨骼动画的步骤的更多相关文章
- cocos2dx 使用spine制作骨骼动画
刚刚接触骨骼动画,所以写一篇文章记录. 1.首先先画好人物的每一个部件: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fon ...
- 关于Cocos Creator用js脚本代码播放骨骼动画的步骤和注意事项
步骤: 1.用cc.find()方法找到相应的骨骼动画节点,并把这个对象赋值给一个var出来的新对象. 具体代码:var spineboy_anim = cc.find("UI_Root/a ...
- three.js 自制骨骼动画(一)
上一篇郭先生解析了一下官方的骨骼动画案例,这篇郭先生就要做一个稍微复杂一点的骨骼动画了,就拿一个小人下手吧.在线案例请点击博客原文.话不多说先上大图 骨骼动画在GUI上面都有体现.制作骨骼动画的步骤在 ...
- HTML5骨骼动画Demo | 使用min2d、createjs、pixi播放spine动画
Spine做骨骼动画是比较流行的,使用起来可能相对复杂,但功能毕竟强大,所以市场占有率较大. 在unity.cocos2d.starling中使用spine已经很成熟了,而HTML5这一块可能刚刚起步 ...
- 骨骼动画的原理及在Unity中的使用
制作骨骼动画 我们看看这几步操作后,我们得到了那些数据: 1.每个皮肤顶点的初始世界坐标. 2.每个骨骼关节顶点的初始世界坐标. 3.每个顶点被骨骼顶点的影响信息. 4.骨骼如何移动. 骨骼动画原理 ...
- 记录 Spine骨骼动画导入unity 步骤[unity3d 4.6.6版本 2d动画]
1:准备好unity使用Spine所需要的运行库,可到如下地址 https://github.com/EsotericSoftware/spine-runtimes/tree/master/spine ...
- 使用spine骨骼动画制作的libgdx游戏
(官网:www.libgdx.cn) Super Spineboy是一个使用Spine和libgdx开发的跨平台游戏(Windows,Mac,Linux),Spine是一个2D游戏动画工具.Super ...
- 初尝2D骨骼动画编辑工具SPINE,并into Unity3D
一.SPINE使用 研究2D骨骼动画,CYou的朋友介绍我SPINE这个工具,开发自Esoteric Software的一款专门制作2D动画的软件,网络上的资料还很少,我这从半吊子美术技术的角度简单说 ...
- Spine(2D骨骼动画)
点击进入Spine官网 Spine 是一款针对游戏的 2D 骨骼动画编辑工具. Spine 旨在提供更高效和简洁 的工作流程,以创建游戏所需的动画. 功能: 1.摄影表 Dopesheet 在动画制作 ...
随机推荐
- C#方法参数--值参数,引用参数,输出参数
值参数: 使用值参数,通过复制实参的值到形参的方式,把数据传递到方法,方法被调用的时候,系统做如下操作: 在栈中为形参分配空间: 复制实参到形参. 注意:一个值参数的实参不一定是变量,它可以是任何能够 ...
- Apache优化:修改最大并发连接数(转)
Apache是一个跨平台的web服务器,由于其简单高效.稳定安全的特性,被广泛应用于计算机技术的各个领域.现在,Apache凭借其庞大的用户数,已成为用户数排名第一的web服务器. 尽 管如此,在实际 ...
- unity c# script error CS0664: Literal of type double cannot be implicitly converted to type `float'. Add suffix `f' to create a literal of this type
例如在unity c# script中定义 private float x=0.0; 则会报 error CS0664: Literal of type double cannot be implic ...
- 甲骨文关闭OpenSSO后,OpenAM成为其继续者
消息来源:http://os.51cto.com/art/201003/190108.htm OpenAM主页连接: ht ...
- Spring aop与AspectJ的区别?
根据我看spring官方文档的理解(不出意外是最正确的答案): ①选择spring的AOP还是AspectJ? spring确实有自己的AOP.功能已经基本够用了,除非你的要在接口上动态代理或者方法拦 ...
- linux系统下添加新硬盘的方法详解
对于linux新手来说,在linux上添加新硬盘,是很有挑战性的一项工作. 在Linux服务器上把硬盘接好,启动linux,以root登陆. fdisk -l ## 这里是查看目前系统上有几块硬盘 D ...
- 怎样设置linux中Tab键的宽度(可永久设置)
和我的上篇文章一样,能够设置当前用户的Tab键宽度.也能够设置全部用户的Tab键宽度 一.仅设置当前用户的Tab键宽度 输入命令:vim ~/.vimrc 然后:set tabstop=4 //我 ...
- 2014年百度之星资格赛第四题Labyrinth
Problem Description 度度熊是一仅仅喜欢探险的熊.一次偶然落进了一个m*n矩阵的迷宫.该迷宫仅仅能从矩阵左上角第一个方格開始走.仅仅有走到右上角的第一个格子才算走出迷宫,每一次仅仅能 ...
- 普通用户su 到root,无需密码方式,及iptables封掉本机某个端口,core文件配置
一. 普通用户su到root无需密码: 随着服务器越来越多,普通用户转到root下,去查密码表是个很繁琐的事,发现有如下方式比较方便(需要root操作) vi /etc/pam.d/su 将 aut ...
- 关于ajax上传文件的流程 和选择图片立即显示
关键点: 1.制作一个表单..然后把上传字段附加到该表单中 2.制作一个框架..把表单的_target的属性指向该框架. 3.提交表单.. jQuery.extend({ createUploadIf ...