cocos2d-x 动画

来源：互联网发布：统计网络直报系统编辑：程序博客网时间：2024/05/16 10:15

做了1年多后端一直对前端的东西比较感兴趣就学学cocos2d.

想做个标准策略战棋于是就开始了.

地图用的是tiled 然后用画线画出网格先忽略美观这里要注意的是ccDrawLine这个东西画出来的是0层所以要注意不要被盖住

[tu1]

//==========================================================================

接下类就是人物动画啦

没搞过动画想起有个CocoStudio 就用它好了里面有个做动画的看了一下文档不难上手

暂时不用骨骼动画就用帧动画就行了

拿了RPGMaker的素材那个人物的切了人物的几个走动图放进去这里要把不同的图片放置不同的Layer (这一步也找了好久= =)

[tu2]

//=========================================================================

然后运用隐藏帧把同一时刻的其他动作隐藏起来循环几张图片我记得是60帧/秒所以这里也是刚好60帧为一个完整动作

[tu3]

//=========================================================================

搞定了之后用导出项目会自动生成所需PNG和一份plist文件全部放到一个文件夹放入Resource文件夹制作动画的就搞定了。

[tu4]

//=========================================================================

接下来就是要把动画运用到实际项目中了看了一下CocoStudio文档在一个角落找到了代码块用之 = =

都是基本步骤重要的就是知道有那个类注意要 #include "CocoStudio\Armature\utils\CCArmatureDataManager.h" 不然会报错

还有USING_NS_CC_EXT; 加入命名空间

this->addChild 置入层中就会自己播放啦

[tu5]

//=========================================================================

接下来就是和菜单响应一起合作实现移动中播动画啦（还有要用到动作 CCSequence 因为要在moveTo之后做一些事情）

写个菜单还有响应函数

这里按移动之后只是记录了需要移动的CCSprite实例真正移动的响应需要在CCLayer的触摸响应中做

[tu6]

//=========================================================================

层注册一下带目标的触摸（这里还没有分层只是为了测试动画后面再分）

[tu7]

//=========================================================================

触摸响应函数中隐藏CCSprite英雄播动画

[tu9]

//=========================================================================

这一步比较重要了使用了序列动作CCSequence，因为我们需要moveTo之后隐藏掉动画重新显示CCSprite英雄

用了CCCallFuncND 可以传入void*指针

void HelloWorld::afterMoveAction(CCNode* pSender, void* data) 回调函数第一个参数为动作执行者这里就是animation动画实例

这样我们在动作结束后就可以隐藏掉动画设置英雄新的位置然后显示英雄

至此完成了移动的完整过程 TOT

[tu10]

//=========================================================================

现在才发现原来前端要注意的细节不少

一个小小的移动就有这么多步骤还要做地图坐标逻辑坐标转换一些细节甚至还包括 P的图片的大小不然就会很难看

不过整个过程充满乐趣

接下来需要做一些微调遇到啥再写吧 (插图真不方便=。=)

0 0