0
点赞
收藏
分享

微信扫一扫

红孩儿工具箱使用介绍3:帧动画编辑


红孩儿工具箱使用介绍3:帧动画编辑


红孩儿工具箱0.1.0版本发布
运行系统:windows XP,win7,win8
需要系统支持DX9以上版本

0.1.0

下载地址:​​http://www.game2z.com/honghaier/0.1.0.rar​​

一。固定帧动画编辑

       注:固定帧间隔动画要求图片有数字后缀如:



红孩儿工具箱使用介绍3:帧动画编辑_帧动画

动画编辑的界面:


红孩儿工具箱使用介绍3:帧动画编辑_弹出菜单_02

一.先在左边Root下绑定一个图片结点”Image_1”,然后对其右键点击,选择弹出菜单最后一项“生成固定帧间隔关键帧动画”。


红孩儿工具箱使用介绍3:帧动画编辑_结点_03



二.在弹出的对话框里点击“查找图块”找到相应的图片。

红孩儿工具箱使用介绍3:帧动画编辑_帧动画_04

三.在间隔时间里输入毫秒数点击确定即可

   

红孩儿工具箱使用介绍3:帧动画编辑_弹出菜单_05

四.这时就可以生成相应的固定帧间隔的关键帧动画了。


红孩儿工具箱使用介绍3:帧动画编辑_弹出菜单_06

五.点击保存,保存为相应的ANI文件和PLIST文件可以在Cocos2d-x中使用。

红孩儿工具箱使用介绍3:帧动画编辑_结点_07


示例:假设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);


运行后的截图:

红孩儿工具箱使用介绍3:帧动画编辑_弹出菜单_08


二,非固定帧动画编辑


一.在左边树控件根结点”Root”上右健弹出菜单,选择”绑定新图片”,生成一个“Image_1”结点项做为当前动画的主体。



红孩儿工具箱使用介绍3:帧动画编辑_帧动画_09




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


红孩儿工具箱使用介绍3:帧动画编辑_结点_10




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


红孩儿工具箱使用介绍3:帧动画编辑_弹出菜单_11




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


红孩儿工具箱使用介绍3:帧动画编辑_结点_12




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


红孩儿工具箱使用介绍3:帧动画编辑_帧动画_13




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


红孩儿工具箱使用介绍3:帧动画编辑_弹出菜单_14




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


红孩儿工具箱使用介绍3:帧动画编辑_结点_15




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


红孩儿工具箱使用介绍3:帧动画编辑_结点_16




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


红孩儿工具箱使用介绍3:帧动画编辑_弹出菜单_17






十。保存动画和动作


红孩儿工具箱使用介绍3:帧动画编辑_弹出菜单_18


十一。在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);



举报

相关推荐

0 条评论