最近在研究骨骼动画,我想把我现阶段掌握的spine以及导入到cocos2dx中使用的方法分享一下,希望可以对大家有所帮助。

Spine软件现在网络上也有免费的破解版本,对于你自己用来练习是足够了。

我安装的是1.7.03版本。安装破解的教程网络上都是有的,所以我也不展开讲解了。安装破解完软件以后,你会发现他的软件里面有一些自带的图片切图和一些工程文件。如果没有的话,你也可以到cocos2dx的文件夹里面找一下,里面就有自带的导出文件,不过没有工程文件。

好了废话不多说,先讲一下简单使用spine的界面。

从红色箭头依次往下,分别是骨骼、层级关系、贴图切片以及动画。导入进去图片之后首先是贴图切片,你需要把图片给拼装起来,然后根据层级关系弄好图片的上下层级关系,组合完毕之后开始加入骨骼绑定。绑定骨骼完毕之后,点击左上角SETUP就可到达动画制作页面。网络上有很多教程,我就不再一一强调了,如果想要自己做动画的话,可能需要一定的动画基础,不然你做起来肯定会有一定的问题!

完成动画制作之后,你可以点击左上角的菜单选择EXPORT。

选择你自己要的格式,我一般选择这个。

导出之后我的这个版本一般是json和atlas以及一份png的图片。接下来我来讲讲怎么在cocos2dx中简单的进行使用。

skeletonNode = SkeletonAnimation::createWithFile("yemanren.json", "yemanren.atlas", 1.0f);skeletonNode->setScale(0.4, 0.4);skeletonNode->setTimeScale(1);skeletonNode->setMix("walk", "jump", 0.2);skeletonNode->setMix("walk", "attack", 0.2);skeletonNode->setMix("jump", "walk", 0.4);skeletonNode->setMix("jump", "attack", 0.4);skeletonNode->setMix("attack", "walk", 0.4);skeletonNode->setMix("attack", "jump", 0.4);skeletonNode->setPosition(Point(Director::getInstance()->getVisibleSize().width / 2 - 300,Director::getInstance()->getVisibleSize().height / 2));x = skeletonNode->getPositionX();y = skeletonNode->getPositionY();this->addChild(skeletonNode);

第一句话是加入了文件以及信息。第二句式设置大小,第三句话是设置时间速度。

后面那一大串是我编辑的一些运动动作之间的过度,防止出现跳帧的现象。

然后获取了他的坐标,等下可以控制它的行走。

skeletonNode->setToSetupPose();
skeletonNode->setAnimation(0, "jump", false);

这两句话第一句是立刻停止动画,下一句是执行当前动画,动画的名称是jump(注意,这些名称都是你在spine里面已经设定好的)。最后一个false是执行一次的意思,参数 0 的意思是延迟 0秒之后执行该动画。

我导入了四个方向键,攻击以及跳跃,贴上背景图片,就变成这样了。

四个简单方向键,攻击和跳跃,其他血条等等在以后分享,还在研究中!!

今天就分享这么多,下次继续!谢谢大家。

spine基础以及骨骼动画的使用(1)相关推荐

  1. 使用Spine软件为骨骼动画制作简单特效

         上周讲解了用Spine软件制作骨骼动画实现一些简单的动作,今天简单讲一下如何用Spine实现人        物动作的简单特效.    一      导入特效图片               ...

  2. Spine制作骨骼动画的视频教程-spine,spine,spine

    这是一个教大家如何使用 Spine 编辑器制作骨骼动画的视频教程,因为早前有很多学弟学妹问我怎样制作骨骼动画,所以就录制了这个教学视频.这是我第一次录东西,录的一本正经的,可是自己听的时候总觉得鸡皮疙 ...

  3. cocosd-x 下 2D 骨骼动画编辑器选择的闲聊

    前言:没想到好多年没来,CSDN 竟然支持了 Markdown 的编辑,而且还是直接 fork 了 StackEdit 过来的,开始我还在想是否要换个写博客的地方,毕竟我不是一个很勤快的人,而且我也想 ...

  4. Unity载入骨骼动画详解

    Spine Skeleton Animation(2D骨骼动画) 骨骼动画 首先我们来看到底什么是骨骼动画: 在早期的机器上,渲染本身已经占用了很多CPU资源,因此,对于渲染,往往采取的是一种空间换时 ...

  5. 美术 3.2 2D动画Spine基础教学

    [TA-霜狼_may-<百人计划>]美术 3.2 2D动画Spine基础 @[TOC]([TA-霜狼_may-<百人计划>]美术 3.2 2D动画Spine基础 3.2.1 时 ...

  6. Spine 骨骼动画查看器 Skeleton Viewer_官方文档中文版

    Spine 骨骼动画查看器 Skeleton Viewer_官方文档中文版 大家好,我是笨笨,笨笨的笨,笨笨的笨,谢谢! 欢迎加入专业Spine技术交流群 Spine2D骨骼动画 7708065 此文 ...

  7. Spine骨骼动画知识普及

    一些基本概念 以下将介绍一些骨骼动画的基础概念,便于对骨骼动画不甚了解的童鞋(比如技术)进行扫盲.已经熟悉骨骼动画的童鞋可以直接跳过. 动画的基本原理 动画,顾名思义,即是能动的画,画能随着时间的推移 ...

  8. 使用Spine制作柔性的骨骼动画详解

    缘起是要实现一个需求,即寻找一个能制作如下图所示腿部弯曲动画的工具. 由于要求不能使用序列帧动画,因为一旦弯曲效果不理想需要全部重画,美术的工作量会很大,而且序列帧动画的图量也会很大. 一番寻找后,发 ...

  9. 【CocosCreator入门】CocosCreator组件 | Spine(骨骼动画)组件

            Cocos Creator 是一款流行的游戏开发引擎,具有丰富的组件和工具,其中Spine 是一个基于骨骼系统的 2D 动画工具,它可以让开发者通过对骨架和关键帧的调整来制作出更加自然 ...

  10. android 骨骼动画库,cocos creator spine骨骼动画组件使用

    1: 掌握sp.Skeleton组件的使用; spine骨骼动画工具 1: 骨骼动画: 把动画打散, 通过工具,调骨骼的运动等来形成动画 2: spine是一个非常流行的2D骨骼动画制作工具 3: s ...

最新文章

  1. css3 渐变、蒙版
  2. 学习css3的弹性盒模型
  3. jQuery 2.0.3 源码分析 事件体系结构
  4. 新书品读《三级网络技术预测试卷与考点解析》,欢迎拍砖、跟砖提建议。
  5. 持续畅销20年的《C#高级编程》出第11版了!
  6. python中concat的用法_python pandas concat用法及代码示例
  7. mysql服务器cpu资源占用满
  8. (转)git 忽略规则
  9. AMD Fusion 开发者峰会透漏的信息
  10. PHP关于按位取反结果的推导过程
  11. 冰点文库 3.2.14
  12. Python办公自动化——发票开具明细汇总
  13. 电脑xlsx文件格式打不开怎么办
  14. git 将暂存区文件提交_git文件状态,暂存与提交
  15. RIDE 访问数据库
  16. 【Codeforces 1392F】Omkar and Landslide | 思维、结论
  17. SCA连载GDPR罚单之保加利亚国家税务局(NRA)信息泄露事件
  18. win10 cmd打开php文件,win10如何打开php文件
  19. 基于康耐视cognexVisionpro用C#二次开发的多相机视觉对位框架
  20. React全家桶构建一款Web音乐App实战(六):排行榜及歌曲本地持久化

热门文章

  1. c语言例题之杨辉三角
  2. [翻译]深入解析Windows操作系统(下)之第十章 内存管理
  3. 单片机课设-电子时钟设计(仿真图、代码全)
  4. QQ for Linux 安装和卸载
  5. Cisco dynamips模拟器安装指南
  6. win11定时关机命令
  7. Linux chmod命令 修改文件权限被禁止(not permitted)的解决办法
  8. 土豆聊天poeato Chat注册账号时提示网络刺错误怎么解决
  9. 最新版Ontrack EasyRecovery电脑数据恢复软件应用
  10. Flightgear 编译