红孩儿工具箱使用介绍3:帧动画编辑
红孩儿工具箱0.1.0版本发布:
运行系统:windows XP,win7,win8
需要系统支持DX9以上版本
0.1.0
下载地址:http://www.game2z.com/honghaier/0.1.0.rar
一。固定帧动画编辑
注:固定帧间隔动画要求图片有数字后缀如:
动画编辑的界面:
一.先在左边Root下绑定一个图片结点”Image_1”,然后对其右键点击,选择弹出菜单最后一项“生成固定帧间隔关键帧动画”。
二.在弹出的对话框里点击“查找图块”找到相应的图片。
三.在间隔时间里输入毫秒数点击确定即可
四.这时就可以生成相应的固定帧间隔的关键帧动画了。
五.点击保存,保存为相应的ANI文件和PLIST文件可以在Cocos2d-x中使用。
示例:假设down下的所有图我们先合并为down_0.png,并导出down_0.plist,放在down的上层目录Guai下。我们保存的plist文件为down.plist。放在down目录下。
在Cocos2d-x中增加代码:
CCSpriteFrameCache *frameCache = CCSpriteFrameCache::sharedSpriteFrameCache();
frameCache->addSpriteFramesWithFile("Guai/down_0.plist");
// Purge previously loaded animation
CCAnimationCache::purgeSharedAnimationCache();
CCAnimationCache *animCache = CCAnimationCache::sharedAnimationCache();
// Add an animation to the Cache
animCache->addAnimationsWithFile("Guai/down/down.plist");
CCAnimation *down = animCache->animationByName("down");
down->setRestoreOriginalFrame(true);
CCAnimate *anim1 = CCAnimate::create(down);
CCSequence *seq = (CCSequence*)CCSequence::create(anim1, NULL);
CCSprite *yezhu = CCSprite::create();
CCSpriteFrame *frame = frameCache->spriteFrameByName("yezhu_down_1.png");
yezhu->setDisplayFrame(frame);
CCSize winSize = CCDirector::sharedDirector()->getWinSize();
yezhu->setPosition(ccp(winSize.width/2, winSize.height/2));
yezhu->setScale(0.4);
addChild(yezhu);
// run the animation
yezhu->runAction(seq);
运行后的截图:
二,非固定帧动画编辑

二.选中“Image_1”,然后在右边面板里取消勾选“插值动画”,在下面的树项空白处右键点击弹出菜单“加入新图片”。

三.在弹出的“选择图片及动画资源里”文件对话框里找到相应的图片,点击确定。

四.确定后双击树项或点击“应用”,弹出“是否用图块名称重命名结点“,选择是即可。

五. 这时完成了图片绑定到”Root”结点的过程。

六.之后在下部帧显示面板的相应帧上右键弹出菜单“增加关健帧”增加一个新的关键帧。

七.在右边树项增加新的图片并应用。

八.照此办法增加多个关键帧关设置相应的图片或图块。

九.点击“播放动画”,即可看到关健帧动画。

十。保存动画和动作

十一。在Cocos2d-x中加载PLIST的方法:
CCAnimationCache *animCache = CCAnimationCache::sharedAnimationCache();
animCache->addAnimationsWithFile(“test.plist”);
CCAnimation* normal = animCache->animationByName(“动作名称”);
normal ->setRestoreOriginalFrame(true);
CCAnimate* anim = CCAnimate:create(normal);
sprite->runAction(anim);