Cocos2d-x 动画（Animate）的制作

最新推荐文章于 2026-04-15 21:19:37 发布
原创 最新推荐文章于 2026-04-15 21:19:37 发布 · 1.7k 阅读 · 2
标签
#cocos2d-x #动画
本文介绍了如何使用Cocos2d-x制作动画，包括通过TexturePackerGUI生成.plist文件，创建CCSpriteFrame，打包到CCAnimation中，设置帧间隔和循环次数，并通过CCAnimate运行动画。示例代码展示了创建和运行动画的步骤。

当我们拿到一张一张的动画图片后，首先将动画图片用TexturePackerGUI做出一个*.plist文件，接下来就可以开始动手了。

先讲一下动画制作的流程

1.将我们一个一个的动画图片创建为CCSpriteFrame, 也就是做成精灵帧

2.再将创建好的CCSpriteFrame加到一个CCAnimation中， 也就是将精灵帧进行打包animation->addSpriteFrame(fram1); 。。。

3.设置动画帧之间的间隔和循环次数

animation->setDelayPerUnit(0.1f);//设置帧与帧之间的间隔

animation->setLoops(kCCRepeatForever);//执行次数

最低0.47元/天 解锁文章
CocosCreator 教你玩转Animation动画(第十四篇)
程序员战胜
03-07 1万+
前言： Animation动画在游戏中是必不可少的，各种人物的走跑跳飞，以及各种表情动作，反正做游戏Animation动画是必修课了。 这一篇章可以学会制作和控制各种动画，主要从一下几个方面介绍： 动画制作流程； 使用Animation动画编辑器制作动画； 代码控制动画； 一、动画制作的流程 创建节点 ----> 挂载Animation组件 ----> 创建Animation C...
和屌丝一起学cocos2dx-基本动画制作
gl.paea.cn
08-24 2853
声  明        本教程仅用于初学cocos2dx同学使用，内容由本人（孤狼）学习过程中笔记编写，本教程使用cocos2dx版本为2.1.4。本教程内容可以自由转载，但必须同时附带本声明，或注明出处。 gl.paea.cn版权所有。        OK，欢迎回到“和屌丝一起学cocos2dx”系列教程，昨天发布了“Atio
WinServer2012r2多用户远程登录配置全攻略：从权限设置到会话管理
最新发布
weixin_30265103的博客
04-15 295
本文详细介绍了WinServer2012r2多用户远程登录的完整配置流程，包括环境准备、网络优化、用户权限管理和远程桌面服务深度配置。特别强调了用户控制的重要性，提供了从基础设置到高级优化的实用技巧，帮助管理员实现安全稳定的多用户远程访问环境。
cocos2d-x中制作动画
梵高先生玩程序
12-23 937
如何在游戏中生成动画呢？我们在这里介绍两种方法： 第一种方法：使用单个序列帧生成动画： 首先在头文件中定义一个动画的函数：CCAnimate *createAnimate1();   然后再源文件中实现动画： 序列帧:name1.png name2.png name3.png name4.png name5.png name6.png   CCSprite *mSprite = CC
CocosCreator之Animation动画组件
weixin_42565127的博客
10-23 1065
CocosCreator之Animation动画组件
CocosCreator官方示例 - 03_animation - AnimateCustomProperty
LeePorter的博客
08-26 1303
本例中学习创建CocosCreator动画系统 首先，动画是依附于节点的。我们创建一个进度条，一个label，一个粒子特效，将这些控件放到Root父节点里，在Root节点上挂载我们需要的动画组件 - Animation，关于 Animation 组件的详细介绍可以在官方文档里查看（https://docs.cocos.com/creator/manual/zh/animation/） 本例是通...
Cocos2dx 帧动画播放动作类-Animate
GladiolusLai的博客
09-14 2111
为了满足开发者需求，静态的精灵是无法表达出什么的，很多游戏中的角色都有自己的帧动画来表达不同状况的下该表现出的动作表现，这个时候就需要用到Cocos2dx中实现帧动画的一种策略，就是换帧精灵。 所谓换帧精灵是指每一个精灵不是仅含又一副贴图，而是含有一系列的贴图，这一系列画面连续播放就可以产生帧动画效果。 想要开发出由多个动画帧组成的换帧精灵，首先要明白代表精灵帧的类SpriteFrame。每个
Cocos帧动画Animate和Animation创建
我是要成为海贼王的男人！
08-03 5307
本文为作者原创，其中知识内容出自闪电终结者的视频课程首先用ppt简单的做一个帧动画，把做好的每一张图片命名为pass01.png pass02.png ….复制到res文件夹下// 精灵是用于显示动画效果，需要写一个动画，然后往动画中添加图片，在让精灵显示出来 void TransferTestScene::spritePlayShow() { auto sprite = cocos2d:
序列帧动画
weixin_34252686的博客
02-07 124
简介 Cocos2d-x中，动画的具体内容是依靠精灵显示出来的，为了显示动态图片，我们需要不停切换精灵显示的内容，通过把静态的精灵变为动画播放器从而实现动画效果。动画由帧组成，每一帧都是一个纹理，我们可以使用一个纹理序列来创建动画。 我们使用Animation类描述一个动画，而精灵显示动画的动作则是一个Animate对象。动画动作Ani...
Cocos2d-x中帧动画的制作与应用
weixin_42601608的博客
05-08 1404
在Cocos2d-x中，帧动画是通过将一系列图像按顺序排列，并在短时间内连续播放这些图像来创建动画效果的一种技术。帧动画的核心是将动画拆分为一系列单独的图片帧（称为SpriteFrame），然后通过编程控制这些帧的快速切换，模拟出连续的动态效果。对象在Cocos2d-x中扮演着至关重要的角色，它是指向单个纹理帧的指针。纹理帧通常是从一个较大的纹理图集中切割出来的单个小图片，它们用于制作帧动画。每个帧动画都是由一系列的对象按照时间顺序排列组合而成的。这些对象通过类组合在一起，然后通过。
[学习笔记] Cocos Animation
shao ming 的专栏
02-07 1250
要通过cocos2d-js实现帧动画，需要完成以下基本操作： 通过cc.Animation定义动画中基本信息：帧以及帧切换速度等创建Action(cc.Animate)并在cc.Node上播放它 定义帧动画——cc.Animation //定义cc.Animation var animation = new cc.Animation(); //在这个例子里添加四帧动画，每一
cocos creator 做一个图片帧动画并使其循环播放
boyxgb的专栏
01-14 3195
注意如果有多个动画需要选择对应的动画文件，如下图，另外这里我设置也时间，然后将图片放到对应的帧上，这里每隔0.05s放一张。这个时候直接运行软件看不到任何动画，那是因为动画文件每播放，我们可以设置动画组件默认打开就播放如下图。然后我们就可以给精灵节点添加我们的自定义组件brid.ts了，具体操作如下。需要注意的时编辑完动画之后我们需要退出编辑状态，点一下如下图的按钮退出。接着就可以拉入图片进来这里了，也可以一个一个拉到合适的位置然后。然后给动画文件起个合适得名字，如：brid，如下图。
Cocos2d-x中，创建Animate的几种方法
tsbyj的博客
08-11 885
可以把常见的Animate的创建方法封装成几个函数，在使用时进行调用。 第一种方法使用do...while循环实现，不需要知道图片的数量，只要有图片的名字就可以，代码如下： Animate* Create(const char *iName, int iloops, float delay) { SpriteFrame* frame = NULL; Animation* animation
cocoscreate 官方例子说明 02_ui_01_widget_AnimatedWidget by:adady
adady的专栏
08-26 621
动画挂件 选择Animated 精灵,就能看到控制这个精灵的动画部件 双击topWidget 可以查看topWidget控件的位置。 点击动画编辑器，并点击切换动画编辑器模式。就可以编辑动画了。
cocos2d-x 4.0 学习之路（九）创建精灵 利用Sprite Sheet
03-27 1615
接着上一篇，利用帧缓存来创建精灵。 尤其是做帧动画，就更得需要这种方法来创建精灵。 // HelloWorldScene.cpp bool HelloWorld::init() { if (!Scene::init()){ return fal...
Cocos2D-X 动画与特效
qq_29003363的博客
07-03 531
1.动画 1.先实例化一个动画类 2.向这个动画类添加帧图片 3.设置这个动画类的属性 4.将动画转换为动作 5.运行动作 代码示例: Animation* Animation_1 = Animation::create(); for (size_t i = 0; i <= 15; i++) { char str[128]; sprintf_s(str, "WuGui\\wugui_%d.png", i); Animation_1->addSpriteFrameWithFileName(
四、cocos2dx动画Animation介绍
热门推荐
qinning199的专栏
09-10 1万+
一、帧动画 你可以通过一系列图片文件，像如下这样，创建一个动画： CCAnimation *animation = CCAnimation::create(); //从本地文件系统中加载图片文件到CCSpriteFrame中区，然后添加到CCAnimation中 for (int i = 1; i < 15; i++) { char szImageFileName[128] = {0}
Cocos2d-x 动画
Wlk1229
03-12 4371
Cocos2d-x动画 声明：本文分析的是cocos2d-x-3.12的代码 游戏中动画可以分为两类，帧动画和骨骼动画。帧动画由一张一张的完整的动画图片组成，骨骼动画由一张张分散的局部动画“拼凑”而成，动作由一个配置文件控制。cocos2d支持这两种动画。   帧动画 Cocos将帧动画设置成一个延时动作（IntervalAction），精灵Sprite只需要运行一个动作就可以显示帧动画...
[Cocos2d-x开发问题-3] cocos2dx动画Animation介绍
石圣的专栏
11-08 2801
Cocos2d-x为了降低开发难度，对于动画的实现采用的帧动画的方案。这也就是说Cocos2d-x中的动画是帧动画。 帧动画的原理相信大家都不陌生，就是多张图片循环播放以实现动画的效果。 一个简单的动画动画实现如下: player = cc.Sprite:create("image/player.png") player:setPosition(-width/4,0)
【cocos2d-x 源码解析】帧动画
xingxinmanong的博客
10-13 1252
帧动画是以序列帧轮放的方式来表现一个动画，就像胶片电影一样，一张张画面进行切换，当切换的间隔足够小时，人眼就看不出中间的间隔，而是一个流畅的视频。cocos2d-x 中的帧动画涉及到三个类 AnimationFrame，Animation 和 Animate。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值