红孩儿工具箱使用介绍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 animationCCAnimationCache::purgeSharedAnimationCache();CCAnimationCache *animCache = CCAnimationCache::sharedAnimationCache();// Add an animation to the CacheanimCache->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 animationyezhu->runAction(seq);

运行后的截图:

二,非固定帧动画编辑

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

二.选中“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);

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

  1. 红孩儿工具箱使用介绍2:切图处理

    红孩儿工具箱使用介绍2:切图处理 红孩儿工具箱之切图介绍: 功能清单: (1)将大图载入显示. (2)增加切块 (3)编辑切块 (4)保存切块 (5)导出切图信息PLIST文件. 实例: 以图1为例: ...

  2. 红孩儿工具箱使用介绍1:拼图处理

    红孩儿工具箱使用介绍1:拼图处理 红孩儿工具箱是本博主为建立快速化移动开发流程而做的一款集成工具产品,即将在近日发布.其设计拥有强大的功能,高度的集成效果.今天起我来为大家介绍一下此款软件的目前情况, ...

  3. 使用红孩儿工具箱完成基于Cocos2d-x的简单游戏动画界面

    [Cocos2d-x相关教程来源于红孩儿的游戏编程之路CSDN博客地址:http://blog.csdn.net/honghaier 红孩儿Cocos2d-X学习园地QQ3群:205100149,47 ...

  4. android动画编辑软件,ALM视频动画编辑

    ALM视频动画编辑app手机端中最为专业,强大的视频编辑工具,丰富的功能堪比pc级别,并且实用流畅不卡顿,操作简单明了,上手容易,视频效果出色,更多丰富素材内容使用!下载ALM视频动画编辑app开始体 ...

  5. Cocos2d-x Lua中实例:帧动画使用

    Cocos2d-x Lua中实例:帧动画使用 下面我们通过一个实例介绍一下帧动画的使用,这个实例如下图所示,点击Go按钮开始播放动画,这时候播放按钮标题变为Stop,点击Stop按钮可以停止播放动画. ...

  6. canvas 擦除动画_帧动画的多种实现方式与性能对比

    作者: 前端向朔 from 迅雷前端 本文目录 Web 动画形式 应用场景 素材准备 实现方案 一.GIF 图 二.CSS3 帧动画 三.JS 帧动画 方案总结 注意事项 总结 Web 动画形式 首先 ...

  7. 帧动画的多种实现方式与性能对比

    文章目录 Web动画形式 应用场景 素材准备 实现方案 一.GIF图 二.CSS3帧动画 三.JS帧动画 方案总结 注意事项 总结 Web动画形式 首先我们来了解一下Web有哪些动画形式 1. CSS ...

  8. Android动画(帧动画、补间动画、属性动画)讲解

    Android动画(帧动画.补间动画.属性动画)讲解 首先我们来看看啥是帧动画.补间动画.属性动画. 介绍: 帧动画:是一种常见的动画形式(Frame By Frame),其原理是在"连续的 ...

  9. Android 帧动画(Frame Animation)

    前言 自己从事Android这个工作,但是很少写这样的帖子.然后想把自己学习到的点点滴滴都记录下来然后分享给大家. Android中的动画 首先我们知道Android中的动画有传统动画和属性动画,传统 ...

最新文章

  1. WCF 调用webservice
  2. Perl 教学 Perl5中的引用(指针)
  3. 7-4 N皇后 (28 分)(思路+详解)
  4. Windows域环境下部署ISA Server 2006防火墙(二)
  5. 关于如何控制一个页面的Ajax读数据只读一次的简单解决办法!
  6. mysql java dbutil_Java -- DBUtils 框架 操作MySQL数据库
  7. 【分治】LeetCode 50. Pow(x, n)
  8. PIX4D工作手册分享
  9. 步进电机应用c语言程序设计实例,步进电机C语言程序.doc
  10. mc:Ignorable=“d“什么意思?
  11. 腾讯python招聘_技术 | Python:腾讯招聘信息抓取
  12. 计算机专业迎新晚会主题海报,如何制作迎新晚会宣传海报?推荐使用迎新海报素材!...
  13. 奢侈手机鼻祖Vertu走下神坛 但为什么国产厂商却掀起了奢华风?
  14. 美国文理学院的计算机科学,计算机专业本科美国大学排名 - 美国圣路易斯华盛顿大学计算机科学专业怎么样是最次的专业吗...
  15. 肖锰:浪潮GS开发平台学习札记(五)——数据对象和数据模型的建立
  16. 【浅学数据结构】算法概念篇
  17. 网站引入新浪微博登录
  18. 手机钢琴软件太好玩啦!弹奏乐曲分享
  19. 【Python零基础入门之终结篇】:虚拟机Linux命令、Vim编辑器、有趣的命令
  20. ubuntu手动搭建typecho博客

热门文章

  1. 代理模式(Proxy)
  2. 尼姆游戏(人机对战)的Python实现
  3. 最新大疆Mavic系列飞机的推重比(部分)
  4. 【UE4】带有Delay效果的ForLoop
  5. 正点原子探索者(STM32F407),非正点HC05蓝牙点灯代码
  6. CSS标准颜色值查找 16进制10进制颜色值表 颜色中英文名称 在线颜色配色对比效
  7. Future Futures
  8. 【复变函数笔记】解析函数的定义和性质
  9. matlab傅里叶工具箱,Matlab傅里叶算法及数字滤波
  10. GIT配置码云、github