013--spine骨骼动画

spine骨骼动画工具

1: 骨骼动画: 把动画打散, 通过工具,调骨骼的运动等来形成动画
2: spine是一个非常流行的2D骨骼动画制作工具
3: spine 动画美术人员导出3个文件:
(1) .png文件:动画的”骨骼”的图片集;
(2).atlas文件: 每个骨骼在图片集里面位置,大小;
(3).json文件: 骨骼动画的anim控制文件,以及骨骼位置等信息;
4: 骨骼动画导入: 直接把三个文件拷贝到项目的资源目录下即可;
5: 使用骨骼动画:
(1) 直接拖动到场景;
(2) 创建一个节点来添加sp.Skeleton组件;

sp.Skeleton

1: sp.Skeleton: 控制面板属性:
Skeleton Data: 骨骼的控制文件.json文件;
Default Skin: 默认皮肤;
Animation: 正在播放的动画;
Loop: 是否循环播放;
Premuliplied Alpha 是否使用贴图预乘;
TimeScale: 播放动画的时间比例系数;
Debug Slots: 是否显示 Slots的调试信息;
Debug Bone: 是否显示Bone的调试信息;
2: sp.Skeleton重要的方法: Skeleton是以管道的模式来播放动画,管道用整数编号,管道可以独立播放动画,Track;
(1)clearTrack(trackIndex): 清理对应Track的动画
(2)clearTracks(); 清楚所有Track动画
(3)setAnimation(trackIndex, “anim_name”, is_loop)清楚管道所有动画后,再从新播放
(4)addAnimation(trackIndex, “anim_name”, is_loop);往管道里面添加一个动画;

动画事件监听

1: setStartListener: 设置动画开始播放的事件;
2: setEndListener : 设置动画播放完成后的事件;
3: setCompleteListener: 设置动画一次播放完成后的事件;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、骨骼动画与帧动画的比较与选择 参考帧动画,Tween 动画,骨骼动画等动画的关系及分类是怎样的?骨骼动画在H5...
    合肥黑阅读 11,739评论 0 3
  • 不得不说cocos2d-js的文档实在是少,骨骼动画的载入和C++版本的好像还有些不同不能直接依样画葫芦。 一个由...
    凡凡的小web阅读 1,629评论 0 0
  • 今天是正月初十,是女儿开学的第一天。昨晚上给宫主任打电话说现在还能不能定校服,因为于晨阳的裤子上衣都小了,他说能定...
    阿涛演艺阅读 198评论 1 7
  • 落实“五化”教学之反思 本周开展了以“在课堂教学中如何落实‘五化’教学流程”为主题的教学研讨活动,老师们针对自己近...
    小亮_f6c6阅读 196评论 0 0
  • 诗 哼!哼哼哼。 又把我写错, 我是南方的一匹野狼。 不是北方的灰太狼? 老是不把我放在心上, 老是装模作样, 老...
    b342f9f62fe5长平阅读 554评论 9 15