转发,请保持地址:http://blog.csdn.net/stalendp/article/details/8760957
一个网友推荐过一款制作动画的工具,叫做 Spriter; 其中有个Demo介绍怎么制作游戏中的boss,十分精彩;Sprite的Demo地址为:How to use Spriter 0;资源下载地址:Monster;
这篇文章中,我将使用CocosBuilder来复制这个例子,先看截图。
和这个系列之前的文章中一样,先创建cocos2dx工程,命名为Monster,然后在Monster的Resources下建立ccb文件夹,在ccb下创建CocosBuilder工程。然后设置相关属性,拷贝相应的文件。加下来就是cocosBuilder的设计了。
创建File,Root object Type为CCNode,不需要FullScreen, 命名这个文件为monster.ccb:
把相应的13个图片拖动到模拟器中,如下图:
然后调整好位置,图层顺序等,如下图:
接下来的工作就是实现动画了。这里将介绍两个动画,一个是prepare动画,monster在做原地摆臂运动;一个是attack动画,monster将进行一个攻击性动画。
其实动画就是对monster的13个图片进行的Rotate和position等动画设置。(cocosBuilder的详细操作,请参考《[cocos2dx开发技巧2]工具CocosBuilder的使用--集成》)
这里重点介绍attack动画中的头部的动画。头部动画要设计到Rotate,position和frame动画。选择head_0, 在0s,1s处点击r和p按钮,分别创建Rotate和Position的关键帧。然后做相应的调整,在1s只能创建frame动画。如下图:
然后拖动时间轴,查看效果:
创建好attack和prepare动画之后,还要使它们连接起来。attack动画播放完之后,就进入prepare;prepare动画播放完之后接着播放prepare动画(循环播放);具体的时间轴串联,请参考《[cocos2dx开发技巧2]工具CocosBuilder的使用--集成》。
然后创建playground文件,用来测试这个monster。具体如下:
按钮的回调函数设置如下:
导出monster.ccbi, playground.ccbi, 然后在xcode中导入相关文件,就可以进行cocos2dx端的编码了。程序的功能是,当点击btn时,将使prepare状态下的monster进行attack。主要是实现点击按钮的回调函数onAttack。
在xocde中创建Playground类,做如下实现:
class Playground: public CcbBase {
private:
CCNode* monster;
public:
CCB_STATIC_NEW_AUTORELEASE_OBJECT_WITH_INIT_METHOD(Playground, create);
Playground():monster(NULL) {
}
virtual ~Playground() {
CC_SAFE_RELEASE(monster);
}
bool onAssignCCBMemberVariable(cocos2d::CCObject * pTarget, const char * pMemberVariableName, cocos2d::CCNode * pNode) {
CCB_MEMBERVARIABLEASSIGNER_GLUE(this, "monster", CCNode *, this->monster);
return NULL;
}
virtual cocos2d::SEL_MenuHandler onResolveCCBCCMenuItemSelector(cocos2d::CCObject * pTarget, const char * pSelectorName) {
CCB_SELECTORRESOLVER_CCMENUITEM_GLUE(this, "onAttack", Playground::onAttack);
return NULL;
}
void onAttack(cocos2d::CCObject *pSender) {
CCLOG("attacking");
CCBAnimationManager* animationManager = (CCBAnimationManager*)monster->getUserObject();
animationManager->runAnimationsForSequenceNamed("attack"); //播放attack动画
}
};
demo下载地址:
http://download.csdn.net/detail/stalendp/5222590
分享到:
相关推荐
这个例子是基于cocos2dx,利用cocosBuilder制作的例子。这个例子改造自spriter的... 详细请参考博文:[cocos2dx开发技巧4]工具CocosBuilder的使用--复杂动画:http://blog.csdn.net/stalendp/article/details/8760957
COCOS2DX开发工具大全,免得开发者到处找,全部可以用,包括破解文件,具体包括: TexturePacker,CocosBuilder,cocos2dx粒子编辑器等
最近在制作cocos2dx下的动画,使用的flashToCocos2d的工具集,生成的动画是不可换皮的,而且底层代码很多,出现问题解决起来比较麻烦,所以业余时间写了一个工具。按照一定的规范制作动画,然后放置在场景上导出成...
cocos2dx lua 解密工具xxtea_decrypt,非常好用,直接就可以反编译出来
可以快速解出cocos-lua, quick-cocos引擎使用xxtea加密的lua与zip文件。对luajit编译过的bytecode毫无办法。 资源来自吾爱破解论坛,作者ID:skyxiaoyu。感谢作者的分享
手游开发引擎 Cocos2DX.手机游戏开发
cocos2d-x案例开发大全-第2章-cocos2dx3.3实现;
cocos2dx-3.x游戏开发之旅电子版供大家下载参考。。。。。。
开发cocos2dx游戏所需要的部分工具的整理
cocos2dx scrollview优化
IOS开发中因为引入cocos2dx,导致代码审核不通过无法提交( Apple will stop accepting submissions of apps that use UIWebView APIs )。该问题的解决方案有两种:1)升级Cocos2dx的版本,在查看Cocoas官网及Cocoas...
cocos2dx 前端 游戏 高级开发 cocos2dx 前端 游戏 高级开发
cocos2dx 游戏开发系列之三 的 android工程源码
手把手教你如何在Android平台下cocos2dx开发环境的搭建。
Plist解析工具使用Cocos2dx(v 3.15)封装解析Plist方法(需要plist和对应的png文件),然后用WPF(.Net 4.0)调用Cocos2dx程序,实现了Plist的可视化解析。
COCOS2DX开发工具大全,免得开发者到处找,全部可以用,包括破解文件,具体包括: TexturePacker,CocosBuilder,cocos2dx粒子编辑器等
这是用cocos2dx写的游戏,功能齐全,希望喜欢!
cocos2d/cocos2d-x游戏场景编辑器最新版.
基于cocos2dx3.2的ScrollView改良版,paging分页部分是参考网上已有的源代码并进行改良,修复bug, indicator指示器部分是自己研发。 测试环境:mac os x (Windows平台 应该可行,需要你自己添加PagedScrollView到...