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

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

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

0.1.0

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


一。固定帧动画编辑

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


红孩儿工具箱使用介绍3:帧动画编辑_第1张图片


动画编辑的界面:

红孩儿工具箱使用介绍3:帧动画编辑_第2张图片


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



二.在弹出的对话框里点击“查找图块”找到相应的图片。
红孩儿工具箱使用介绍3:帧动画编辑_第3张图片


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

   

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


红孩儿工具箱使用介绍3:帧动画编辑_第4张图片


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

红孩儿工具箱使用介绍3:帧动画编辑_第5张图片


示例:假设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:帧动画编辑_第6张图片


二,非固定帧动画编辑


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


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


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


四.确定后双击树项或点击“应用”,弹出“是否用图块名称重命名结点“,选择是即可。
红孩儿工具箱使用介绍3:帧动画编辑_第7张图片

五. 这时完成了图片绑定到”Root”结点的过程。
红孩儿工具箱使用介绍3:帧动画编辑_第8张图片

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


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


八.照此办法增加多个关键帧关设置相应的图片或图块。
红孩儿工具箱使用介绍3:帧动画编辑_第9张图片

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



十。保存动画和动作

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


你可能感兴趣的:(红孩儿工具箱使用介绍3:帧动画编辑)