Cocos2d-X使用CCAnimation创建动画

2024-05-06 05:58
文章标签 使用 创建 动画 cocos2d ccanimation

本文主要是介绍Cocos2d-X使用CCAnimation创建动画，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

动画在游戏中是非常常见的


程序1：创建一个简单的动画

首先需要在工程目录下的Resource文件夹中放一张有各种不同动作的图片


在程序中添加下面的代码

#include "Animation.h"CCScene* Animation::scene()
{CCScene* s = CCScene::create();Animation* layer = Animation::create();s->addChild(layer);return s;
}bool Animation::init()
{CCLayer::init();CCSize winSize = CCDirector::sharedDirector()->getWinSize();//创建精灵CCSprite* sp = CCSprite::create();sp->setPosition(ccp(winSize.width / 2, winSize.height / 2));addChild(sp);//精灵放大4倍sp->setScale(4);//创建纹理CCTexture2D* texture = CCTextureCache::sharedTextureCache()->addImage("walkLeft.png");//创建一个数组CCArray* arr = CCArray::create();//从纹理中扣了10帧frame,组成数组for(int i = 0; i < 10; i++){//使用纹理创建精灵帧//第一个参数：纹理//第二个参数：矩形CCSpriteFrame* frame = CCSpriteFrame::createWithTexture(texture,//第一个参数：矩形的x坐标//第二个参数：矩形的y坐标//第三个参数：矩形的宽度//第四个参数：矩形的高度CCRect(i*18, 0, 18, 32));arr->addObject(frame);}//使用精灵帧创建动画//第一个参数：数组//第二个参数：动画的帧数(播放两张图片的间隔时间)CCAnimation* animation = CCAnimation::createWithSpriteFrames(arr, 0.1f);CCAnimate* animate = CCAnimate::create(animation);//播放动画//CCRepeatForever::create动画播放无限次sp->runAction(CCRepeatForever::create(animate));return true;
}


执行结果：


程序2：有plist文件的动画加载

首先需要在工程目录下的Resource文件夹中放一张有各种不同动作的图片和一个plist文件

                        

plist格式的文件实际上是一个XML文件，文件中的内容

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0"><dict><key>frames</key><dict><key>Boom_1.png</key><dict><key>frame</key><string>{{204,305},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_10.png</key><dict><key>frame</key><string>{{103,307},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_11.png</key><dict><key>frame</key><string>{{103,206},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_12.png</key><dict><key>frame</key><string>{{105,2},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_13.png</key><dict><key>frame</key><string>{{103,105},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_14.png</key><dict><key>frame</key><string>{{2,2},{101,101}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{101,101}}</string><key>sourceSize</key><string>{101,101}</string></dict><key>Boom_15.png</key><dict><key>frame</key><string>{{2,408},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_16.png</key><dict><key>frame</key><string>{{2,307},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_17.png</key><dict><key>frame</key><string>{{2,206},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_18.png</key><dict><key>frame</key><string>{{2,105},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_2.png</key><dict><key>frame</key><string>{{204,204},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_3.png</key><dict><key>frame</key><string>{{406,103},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_4.png</key><dict><key>frame</key><string>{{305,103},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_5.png</key><dict><key>frame</key><string>{{204,103},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_6.png</key><dict><key>frame</key><string>{{408,2},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_7.png</key><dict><key>frame</key><string>{{307,2},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_8.png</key><dict><key>frame</key><string>{{206,2},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict><key>Boom_9.png</key><dict><key>frame</key><string>{{103,408},{99,99}}</string><key>offset</key><string>{0,0}</string><key>rotated</key><false/><key>sourceColorRect</key><string>{{0,0},{99,99}}</string><key>sourceSize</key><string>{99,99}</string></dict></dict><key>metadata</key><dict><key>format</key><integer>2</integer><key>realTextureFileName</key><string>PFBoom.png</string><key>size</key><string>{512,512}</string><key>textureFileName</key><string>PFBoom.png</string></dict></dict>
</plist>

程序代码：

#include "Animation.h"CCScene* Animation::scene()
{CCScene* s = CCScene::create();Animation* layer = Animation::create();s->addChild(layer);return s;
}//有plist文件的动画加载
bool Animation::init()
{CCLayer::init();CCSize winSize = CCDirector::sharedDirector()->getWinSize();//创建精灵CCSprite* sp = CCSprite::create();sp->setPosition(ccp(winSize.width / 2, winSize.height / 2));addChild(sp);//精灵放大4倍sp->setScale(4);//创建精灵帧缓存CCSpriteFrameCache* frameCache = CCSpriteFrameCache::sharedSpriteFrameCache();//创建数组CCArray* arr = CCArray::create();//添加Plist文件frameCache->addSpriteFramesWithFile("PFBoom.plist");for (int i = 1; i <= 18; i++){char key[128];//通过名字获取精灵帧所在的图片sprintf(key, "Boom_%d.png", i);//将图片添加到精灵帧中CCSpriteFrame* frame = frameCache->spriteFrameByName(key);//将精灵帧添加到数组中arr->addObject(frame);}//使用数组创建动画CCAnimation* animation = CCAnimation::createWithSpriteFrames(arr, 0.1f);CCAnimate* animate = CCAnimate::create(animation);//动画消失CCCallFunc* callfunc = CCCallFunc::create(sp, callfunc_selector(CCSprite::removeFromParent));CCSequence* seq = CCSequence::create(animate, callfunc, NULL);//播放动画sp->runAction(seq);return true;
}

执行结果：


程序3：通过鼠标实现动画切换

首先创建一个Animation类

在AnimationPreload.h中添加下面代码

#ifndef __AnimationPreload_H__
#define __AnimationPreload_H__#include "cocos2d.h"
USING_NS_CC;class AnimationPreload : public CCLayer
{
public:static CCScene* scene();bool init();CREATE_FUNC(AnimationPreload);bool ccTouchBegan(CCTouch*, CCEvent*);CCSprite* sp;
};#endif

在AnimationPreload.cpp中添加下面的代码

#include "AnimationPreload.h"CCScene* AnimationPreload::scene()
{CCScene* s = CCScene::create();AnimationPreload* layer = AnimationPreload::create();s->addChild(layer);return s;
}bool AnimationPreload::init()
{//chushihuCCLayer::init();//获取窗口的大小CCSize winSize = CCDirector::sharedDirector()->getWinSize();//(创建纹理)从纹理里扣了10帧frame，组成数组CCTexture2D* texture = CCTextureCache::sharedTextureCache()->addImage("walkLeft.png");//创建数组CCArray* arr = CCArray::create(); //retainfor (int i = 9; i >= 0; i--){//创建精灵帧CCSpriteFrame* frame = CCSpriteFrame::createWithTexture(texture,CCRect(i*18, 0, 18, 32));//将精灵帧添加到数组中arr->addObject(frame);}// 通过数组创建动画CCAnimation* animation = CCAnimation::createWithSpriteFrames(arr, 0.05f);// 加入到缓存CCAnimationCache::sharedAnimationCache()->addAnimation(animation, "MarioRun");/***************************************************************//** 有plist文件的动画加载 **///创建精灵帧缓存CCSpriteFrameCache* frameCache = CCSpriteFrameCache::sharedSpriteFrameCache();//创建数组arr = CCArray::create();//将plist文件添加到精灵帧缓存中frameCache->addSpriteFramesWithFile("PFBoom.plist");for (int i = 1; i <= 18; i++){char key[128];//通过名字获取精灵帧所在的图片  sprintf(key, "Boom_%d.png", i);//将图片添加到精灵帧中CCSpriteFrame* frame = frameCache->spriteFrameByName(key);//将精灵帧添加到数组中arr->addObject(frame);}//创建动画animation = CCAnimation::createWithSpriteFrames(arr, 0.1f);// 加入到缓存CCAnimationCache::sharedAnimationCache()->addAnimation(animation, "PlaneBOOM");sp = CCSprite::create();sp->setPosition(ccp(winSize.width / 2, winSize.height / 2));addChild(sp);//精灵方法4倍sp->setScale(4);// setTouchsetTouchEnabled(true);setTouchMode(kCCTouchesOneByOne);return true;
}bool AnimationPreload::ccTouchBegan(CCTouch*, CCEvent*)
{sp->stopAllActions();static int i = 1;if (i == 1){sp->runAction(CCAnimate::create(CCAnimationCache::sharedAnimationCache()->animationByName("PlaneBOOM")));}else{sp->runAction(CCAnimate::create(CCAnimationCache::sharedAnimationCache()->animationByName("MarioRun")));}i = 1 - i;return 0;
}


执行结果：





这篇关于Cocos2d-X使用CCAnimation创建动画的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/963570。

相关文章

一文详解如何使用Java获取PDF页面信息

一文详解如何使用Java获取PDF页面信息

《一文详解如何使用Java获取PDF页面信息》了解PDF页面属性是我们在处理文档、内容提取、打印设置或页面重组等任务时不可或缺的一环,下面我们就来看看如何使用Java语言获取这些信息吧... 目录引言一、安装和引入PDF处理库引入依赖二、获取 PDF 页数三、获取页面尺寸（宽高）四、获取页面旋转角度五、判断
阅读更多...
C++中assign函数的使用

C++中assign函数的使用

《C++中assign函数的使用》在C++标准模板库中,std::list等容器都提供了assign成员函数,它比操作符更灵活,支持多种初始化方式,下面就来介绍一下assign的用法,具有一定的参考价... 目录​1.assign的基本功能​​语法​2. 具体用法示例​​​(1) 填充n个相同值​​(2)
阅读更多...
Spring StateMachine实现状态机使用示例详解

Spring StateMachine实现状态机使用示例详解

《SpringStateMachine实现状态机使用示例详解》本文介绍SpringStateMachine实现状态机的步骤,包括依赖导入、枚举定义、状态转移规则配置、上下文管理及服务调用示例,重点解... 目录什么是状态机使用示例什么是状态机状态机是计算机科学中的​​核心建模工具​​，用于描述对象在其生命
阅读更多...
IntelliJ IDEA2025创建SpringBoot项目的实现步骤

IntelliJ IDEA2025创建SpringBoot项目的实现步骤

《IntelliJIDEA2025创建SpringBoot项目的实现步骤》本文主要介绍了IntelliJIDEA2025创建SpringBoot项目的实现步骤,文中通过示例代码介绍的非常详细,对大家... 目录一、创建 Spring Boot 项目1. 新建项目2. 基础配置3. 选择依赖4. 生成项目5.
阅读更多...
Linux线程之线程的创建、属性、回收、退出、取消方式

Linux线程之线程的创建、属性、回收、退出、取消方式

《Linux线程之线程的创建、属性、回收、退出、取消方式》文章总结了线程管理核心知识：线程号唯一、创建方式、属性设置（如分离状态与栈大小）、回收机制（join/detach）、退出方法（返回/pthr... 目录1. 线程号2. 线程的创建3. 线程属性4. 线程的回收5. 线程的退出6. 线程的取消7.
阅读更多...
使用Python删除Excel中的行列和单元格示例详解

使用Python删除Excel中的行列和单元格示例详解

《使用Python删除Excel中的行列和单元格示例详解》在处理Excel数据时,删除不需要的行、列或单元格是一项常见且必要的操作,本文将使用Python脚本实现对Excel表格的高效自动化处理,感兴... 目录开发环境准备使用 python 删除 Excphpel 表格中的行删除特定行删除空白行删除含指定
阅读更多...
深入理解Go语言中二维切片的使用

深入理解Go语言中二维切片的使用

《深入理解Go语言中二维切片的使用》本文深入讲解了Go语言中二维切片的概念与应用,用于表示矩阵、表格等二维数据结构,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧... 目录引言二维切片的基本概念定义创建二维切片二维切片的操作访问元素修改元素遍历二维切片二维切片的动态调整追加行动态
阅读更多...
prometheus如何使用pushgateway监控网路丢包

prometheus如何使用pushgateway监控网路丢包

《prometheus如何使用pushgateway监控网路丢包》：本文主要介绍prometheus如何使用pushgateway监控网路丢包问题,具有很好的参考价值,希望对大家有所帮助,如有错误... 目录监控网路丢包脚本数据图表总结监控网路丢包脚本[root@gtcq-gt-monitor-prome
阅读更多...
Python通用唯一标识符模块uuid使用案例详解

Python通用唯一标识符模块uuid使用案例详解

《Python通用唯一标识符模块uuid使用案例详解》Pythonuuid模块用于生成128位全局唯一标识符,支持UUID1-5版本,适用于分布式系统、数据库主键等场景,需注意隐私、碰撞概率及存储优... 目录简介核心功能1. UUID版本2. UUID属性3. 命名空间使用场景1. 生成唯一标识符2. 数
阅读更多...
创建Java keystore文件的完整指南及详细步骤

创建Java keystore文件的完整指南及详细步骤

《创建Javakeystore文件的完整指南及详细步骤》本文详解Java中keystore的创建与配置,涵盖私钥管理、自签名与CA证书生成、SSL/TLS应用,强调安全存储及验证机制,确保通信加密和... 目录1. 秘密键（私钥）的理解与管理私钥的定义与重要性私钥的管理策略私钥的生成与存储2. 证书的创建与
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2