专栏首页Creator星球游戏开发社区实战 Spine 骨骼动画,教你如何换皮游戏动画!

实战 Spine 骨骼动画,教你如何换皮游戏动画!

武汉位游出品的《梦幻厨房》目前已经获得了14位伙伴的支持,5折活动今天下午16:30结束,即将恢复原价,需要的朋友请赶快了!

《梦幻厨房》之骨骼动画

《梦幻厨房》人物造型采用 Spine 骨骼动画制作,可使资源量更小,动画更细腻!

6组Spine骨骼包含人物动作、行走、表情等变化;可包含一个动画或多个动画。

每一个骨骼动画仅由三个文件构成:切图坐标、人物位置及动画描述、图集文件。

sp.Skeleton 是Cocos Creator 内 Spine 骨骼动画的 Compoent, 仅需挂载上图中间的文件给 Skeleton Data 即可,运行时通过脚本控制动画。

《梦幻厨房》每个人物内置5组动画,看下图

  • idle_angry:长时间等待未用餐时生气表情
  • idle_common:进店时的正常表情
  • idle_happy:准时取餐时开心表情
  • idle_unhappy:长时间等待时不开心表情
  • walk:行走进店及出店动作。

Spine骨骼动画代码调用(如下):

如果需要对游戏进行二次开发,更换角色动画,需要适配好角色动画文件名、动作名字即可

问题反馈

这两天收到一位伙伴对这款游戏的 BUG 反馈,晓衡第一时间通知到「武汉位游」已经在积极处理!

微信开发者工具报错:csv 模块找不到

去掉微信开发者工具中的,ES6转 ES5即可

还有一个报错问题,是在微信环境调用到服务端通信代码导致

本文分享自微信公众号 - Creator星球游戏开发社区(creator-star),作者:武汉位游黄波

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-04-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 2D MMO中角色动画的优化总结

    在深圳Cocos沙龙上,有幸结识了社区中大名顶顶的Colin,Shawn在社区论坛上第一次看到Colin的团队用CocosCreator制作的《热血暗黑》时就被...

    张晓衡
  • 独孤九剑与乾坤大挪移—uikiller插件系统

    上篇《雷神之锤》介绍了uikiller的基本用法,有人说长按功能可以取名为蓄力攻击、重击,我觉得还真是可以的,但就是感觉招数名字不够大气。在这里还要给大家道个歉...

    张晓衡
  • pbkiller更新支持Cocos Creator 2.1.2

    上周有公众号伙伴MichaelZhang反馈,pbkiller 在最新的 Cocos Creator 2.1.2 上有报错,惊出了我一身冷汗!

    张晓衡
  • 2020年最值得推荐的10款UI动效设计工具

    动效设计在最近几年的各种网页设计和App设计中的表现相当抢眼。各种令人惊叹的创意和流畅自然的动作设计迅速捕获了用户的视线,极大地提升了品质感和转化率。而要制作出...

    奔跑的小鹿
  • Unity 3D Animation角色

    下载地址:http://www.kuaipan.cn/file/id_141868194330584496.htm?source=1

    py3study
  • 【iOS开发】iOS 动画详解

    在移动开发中,为了提高用户体验,会用到一些动画来提高应用的视觉效果。让人有眼前一亮的感觉。同时有动画的过渡过程,会让应用看起来不是那么的生硬,更吸引用户。

    吴老师
  • 前端基础-jQuery动画效果

    cwl_java
  • [Android技术专题]动画那点小秘密

    在Android应用开发中我们每天都在接触动画(Activity开、关,页面滑动、点击按钮等都有动画效果),但入门容易,真正做好很难。如果要把效果做得自然、看...

    open
  • View.animate()动画ViewPropertyAnimator原理解析

    这次想来讲讲 View.animate(),这是一种超好用的动画实现方式,用这种方式来实现常用的动画效果非常方便,但在某些场景下会有一个坑,所以这次就来梳理一下...

    请叫我大苏
  • Unity3D--Mecanim动画系统(三)-动画层Layers

    其实在新版的动画状态机中,大量的技巧已经让一般的小白晕头转向了。而且就目前来说:使用状态机的单一层动画就已经可以满足日常开发需要。那么为什么出现层的概念呢? ...

    雷潮

扫码关注云+社区

领取腾讯云代金券