基于cocos2dx的飞机大战学习[三]-为英雄添加飞行帧动作并控制飞机移动

最新推荐文章于 2023-09-17 09:56:33 发布
最新推荐文章于 2023-09-17 09:56:33 发布
阅读量1.7k 收藏 3
点赞数 1
文章标签： 2d cocos2dx c++
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012891055/article/details/46917595
版权


第三节：为英雄添加飞行帧动作并控制飞机移动


一、为飞机添加飞行动画

为飞机添加飞行动画十分简单，只需要在FlyPlane::init()函数中创建一个动画对象，在里面添加两张英雄图并相互切换就可以了。

添加代码如下：

//为英雄添加飞行动作，动作由动画组成，所以得到动作对象前，需要先得到动画对象
	//一、创建动画对象
	//1.1通过create得到动画对象
	auto animation = cocos2d::Animation::create();	
	//1.2添加这个动画所要用的精灵帧
	animation->addSpriteFrame(cocos2d::SpriteFrameCache::getInstance()->
		getSpriteFrameByName("hero1.png"));
	animation->addSpriteFrame(cocos2d::SpriteFrameCache::getInstance()->
		getSpriteFrameByName("hero2.png"));
	//1.3设置切换时间
	animation->setDelayPerUnit(0.2f);
	//1.4循环次数，默认为1，设为-1使其无限循环
	animation->setLoops(-1);	
	//二、根据动画对象创建动作对象
	auto animate = cocos2d::Animate::create(animation);
	//三、让hero执行这个动作
	hero->runAction(animate);


修改后init()函数如下： 
bool FlyPlane::init() {
	//一定要先调用父类初始函数
	if( !cocos2d::Layer::init() ) {
		return false;
	}

	//使用精灵集需要两步
	//1、将美工做好的plist文件读取到缓存中
	//2、通过帧名字创建精灵并显示
	cocos2d::CCSpriteFrameCache::getInstance()->
		addSpriteFramesWithFile("shoot_background.plist");
	auto bg1 = cocos2d::Sprite::createWithSpriteFrameName("background.png");

	//把精灵bg1加到FlyPlane层中，第二个参数ZOrder表示距离用户的距离，第三个参数tag设为1
	this->addChild(bg1, -1, 1);

	//默认锚点为(0.5,0.5)，只会显示一半的图，必须设置锚点为(0,0)
	bg1->setAnchorPoint(cocos2d::Point(0,0));

	//texture:纹理,通过精灵找到对应的纹理，并开启抗锯齿
	bg1->getTexture()->setAliasTexParameters();
	
	auto bg2 = cocos2d::Sprite::createWithSpriteFrameName("background.png");
	this->addChild(bg2, -1, 2);
	bg2->setAnchorPoint(cocos2d::Point(0,0));
	bg2->getTexture()->setAliasTexParameters();
	
	//添加英雄
	cocos2d::CCSpriteFrameCache::getInstance()->
		addSpriteFramesWithFile("shoot.plist");
	auto hero = cocos2d::Sprite::createWithSpriteFrameName("hero1.png");	
	hero->setPosition(VISIBLE_SIZE.width / 2, 100);
	this->addChild(hero, 3, 3);
	
	//为英雄添加飞行动作，动作由动画组成，所以得到动作对象前，需要先得到动画对象
	//一、创建动画对象
	//1.1通过create得到动画对象
	auto animation = cocos2d::Animation::create();	
	//1.2添加这个动画所要用的精灵帧
	animation->addSpriteFrame(cocos2d::SpriteFrameCache::getInstance()->
		getSpriteFrameByName("hero1.png"));
	animation->addSpriteFrame(cocos2d::SpriteFrameCache::getInstance()->
		getSpriteFrameByName("hero2.png"));
	//1.3设置切换时间
	animation->setDelayPerUnit(0.2f);
	//1.4循环次数，默认为1，设为-1使其无限循环
	animation->setLoops(-1);	
	//二、根据动画对象创建动作对象
	auto animate = cocos2d::Animate::create(animation);
	//三、让hero执行这个动作
	hero->runAction(animate);

	//定时器。scheduleUpdate每帧调用一次update函数
	scheduleUpdate();

	return true;
}
运行效果图(就是飞机屁股能喷火- -)：




二、控制英雄移动

控制英雄需要监听事件，有这么几个问题需要考虑。

1.hero可以跟随触摸点移动
2.触摸点必须在hero的绘制区域内才会跟随移动
3.hero随触摸点移动时保持向量差
4.hero不能移出规定区域

现在进行编码，为了解决第三个问题首先我们需要在FlyPlane.h文件中添加一个属性m_vec，表示由touch指向英雄锚点坐标的向量。

private:
	cocos2d::Point m_vec;


在FlyPlane.cpp中的init()函数添加如下代码 

	//用单个处理事件添加鼠标监听事件
	auto listener = cocos2d::EventListenerTouchOneByOne::create();
	//用lambda表达式处理分解事件
	//Lambda表达式:
	//	{} 类似于普通函数的函数体
	//	() 类似于普通函数的参数列表
	//	[] 默认Lambda表达式不能访问外部的变量，如果想访问外部变量，就通过中括号传进来
			
	listener->onTouchBegan = [=](cocos2d::Touch* touch, cocos2d::Event*) {
		auto touchPos = touch->getLocation();
		bool isContain = hero->getBoundingBox().containsPoint(touchPos);
		if(isContain) {
			m_vec = hero->getPosition() - touchPos;//my_vector,记录touchPos指向hero的向量
		}
		return isContain;
	};
	
	const float leftMinX = hero->getContentSize().width / 2;	//英雄的X最小值(左边界线)
	const float rightMaxX = VISIBLE_SIZE.width - hero->getContentSize().width / 2;//英雄X最大值(右边界线)
	const float downMinY = hero->getContentSize().height / 2;		//英雄Y最小值(下边界线)
	const float upMaxY = VISIBLE_SIZE.height - hero->getContentSize().height / 2; //英雄Y最大值(上边界线)
	
	listener->onTouchMoved = [=](cocos2d::Touch* touch, cocos2d::Event*) {		
		auto touchPos = touch->getLocation() + m_vec;
		//让英雄跟着手指动并且不超出边界
		hero->setPosition(cocos2d::Point(MAX(leftMinX, MIN(rightMaxX, touchPos.x)), MAX(downMinY, MIN(upMaxY, touchPos.y)))); 
	};
		
	//将监听器添加到事件分配器上
	this->getEventDispatcher()->
		addEventListenerWithSceneGraphPriority(listener, hero);

添加后FlyPlane::init() 函数如下 

bool FlyPlane::init() {
	//一定要先调用父类初始函数
	if( !cocos2d::Layer::init() ) {
		return false;
	}

	//使用精灵集需要两步
	//1、将美工做好的plist文件读取到缓存中
	//2、通过帧名字创建精灵并显示
	cocos2d::CCSpriteFrameCache::getInstance()->
		addSpriteFramesWithFile("shoot_background.plist");
	auto bg1 = cocos2d::Sprite::createWithSpriteFrameName("background.png");

	//把精灵bg1加到FlyPlane层中，第二个参数ZOrder表示距离用户的距离，第三个参数tag设为1
	this->addChild(bg1, -1, 1);

	//默认锚点为(0.5,0.5)，只会显示一半的图，必须设置锚点为(0,0)
	bg1->setAnchorPoint(cocos2d::Point(0,0));

	//texture:纹理,通过精灵找到对应的纹理，并开启抗锯齿
	bg1->getTexture()->setAliasTexParameters();
	
	auto bg2 = cocos2d::Sprite::createWithSpriteFrameName("background.png");
	this->addChild(bg2, -1, 2);
	bg2->setAnchorPoint(cocos2d::Point(0,0));
	bg2->getTexture()->setAliasTexParameters();
	
	//添加英雄
	cocos2d::CCSpriteFrameCache::getInstance()->
		addSpriteFramesWithFile("shoot.plist");
	auto hero = cocos2d::Sprite::createWithSpriteFrameName("hero1.png");	
	hero->setPosition(VISIBLE_SIZE.width / 2, 100);
	this->addChild(hero, 0, 3);
	
	//为英雄添加飞行动作，动作由动画组成，所以得到动作对象前，需要先得到动画对象
	//一、创建动画对象
	//1.1通过create得到动画对象
	auto animation = cocos2d::Animation::create();	
	//1.2添加这个动画所要用的精灵帧
	animation->addSpriteFrame(cocos2d::SpriteFrameCache::getInstance()->
		getSpriteFrameByName("hero1.png"));
	animation->addSpriteFrame(cocos2d::SpriteFrameCache::getInstance()->
		getSpriteFrameByName("hero2.png"));
	//1.3设置切换时间
	animation->setDelayPerUnit(0.2f);
	//1.4循环次数，默认为1，设为-1使其无限循环
	animation->setLoops(-1);	
	//二、根据动画对象创建动作对象
	auto animate = cocos2d::Animate::create(animation);
	//三、让hero执行这个动作
	hero->runAction(animate);


	//用单个处理事件添加鼠标监听事件
	auto listener = cocos2d::EventListenerTouchOneByOne::create();
	//用lambda表达式处理分解事件
	//Lambda表达式:
	//	{} 类似于普通函数的函数体
	//	() 类似于普通函数的参数列表
	//	[] 默认Lambda表达式不能访问外部的变量，如果想访问外部变量，就通过中括号传进来
			
	listener->onTouchBegan = [=](cocos2d::Touch* touch, cocos2d::Event*) {
		auto touchPos = touch->getLocation();
		bool isContain = hero->getBoundingBox().containsPoint(touchPos);
		if(isContain) {
			m_vec = hero->getPosition() - touchPos;//my_vector,记录touchPos指向hero的向量
		}
		return isContain;
	};
	
	const float leftMinX = hero->getContentSize().width / 2;	//英雄的X最小值(左边界线)
	const float rightMaxX = VISIBLE_SIZE.width - hero->getContentSize().width / 2;//英雄X最大值(右边界线)
	const float downMinY = hero->getContentSize().height / 2;		//英雄Y最小值(下边界线)
	const float upMaxY = VISIBLE_SIZE.height - hero->getContentSize().height / 2; //英雄Y最大值(上边界线)
	
	listener->onTouchMoved = [=](cocos2d::Touch* touch, cocos2d::Event*) {		
		auto touchPos = touch->getLocation() + m_vec;
		//让英雄跟着手指动并且不超出边界
		hero->setPosition(cocos2d::Point(MAX(leftMinX, MIN(rightMaxX, touchPos.x)), MAX(downMinY, MIN(upMaxY, touchPos.y)))); 
	};
		
	//将监听器添加到事件分配器上
	this->getEventDispatcher()->
		addEventListenerWithSceneGraphPriority(listener, hero);

	//定时器。scheduleUpdate每帧调用一次update函数
	scheduleUpdate();

	return true;
}

运行操作英雄，发现必须要点中英雄才可以自由移动并且不会超过边界，BUG解决。



本节效果完成，下节讲添加子弹。

Joe周鸟
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
cocos2dx开发的3D飞机大战源码和资源
02-07
cocos2dx_3d开发的飞机大战，包括源码和资源，mac xcode整长运行！windows自己导入调试。包括player场景，loading场景，战斗场景，效果酷炫，还有多机型适配处理方案！非常有价值！适合自学和二次开发！
Cocos creator实现飞机大战空中大战《战击长空》小游戏资源及代码
一名开发者
06-12 1102
Cocos creator实现飞机大战空中大战《战击长空》小游戏资源及代码
cocos2dx-简单的飞机大战
weixin_44453949的博客
12-03 654
1.先要为飞机创建触摸移动事件 auto listener = EventListenerTouchOneByOne::create(); listener->onTouchMoved = CC_CALLBACK_2(SecondScene::onTouchMoved, this); listener->onTouchBegan = CC_CALLBACK_2(SecondScene::onTouchBegin, this); listener->onTouchEnded = CC_
CocosCreator实战篇 ｜CocosCreator实现《飞机大战》
看世界，也找自己
04-11 2345
飞机大战游戏是一款经典的射击游戏，玩家操控一个飞机进行空战任务，通过不断发射子弹摧毁敌方飞机来增加游戏的分数。本着界面简单，开发容易的原则，这款游戏也成为诸多游戏开发者的第一款上手项目。本文将系统的介绍《飞机大战》游戏各个模块的实现。
cocos2d-x飞机大战——飞机移动的动画效果
qq_41791653的博客
09-07 890
具体需求：飞机向左移动播放向左移动动画，向右移动播放向右移动的动画 实现思路：cocos2d-x里面提供了Animation类，该类继承Ref和Clonable，并不继承Action基类，所以无法直接传入Node：：runAction()方法中，但Animate类却继承了Action类，且可以用Animation类来进行构造。 所以具体实现方法是：用Animation类加载动画，Animate...
基于cocos2d-x引擎实现飞机大战
10-14
自己用cocos2d-x实现的飞机大战，具体包括敌机的随机位置生成，子弹的生成，游戏开始的声音等，方便大家参考和作业，资源包含图片，声音和代码。
Cocos2d-x3.1 《飞机大战》源代码（全）
06-18
Cocos2d-x3.0项目创建和VS2012编译 场景跳转和主菜单实现 游戏场景背景滚动 飞机动画和触摸控制 子弹发射 敌机实现 碰撞检测和加分 爆炸效果 粒子特效和音乐播放 判定死亡 移植到Android平台
飞机大战 （cocos2d-x版）
05-11
相关源码及资源
cocos2dx飞机大战
08-11
本游戏是基于Cocos2dx开发的飞机大战，非常适合余教材源码学习
【cocos creator】经典微信飞机大战
最新发布
平兄的笔记
09-17 695
最近在学习cocos creator, 教程常常是cocos creator 2.4.x, 3.x API很多发生变化, 故记录一下使用3.x练习实现过程。如果对您有用，倍感荣幸。习作: 经典的微信小游戏飞机大战软件: cocos creator 3.8.0开源地址: https://gitee.com/depingl/cc_plane_war.git体验地址：https://planewar.lisi.fun/
cocos2dx 3.0 飞机大战源码
04-22
cocos2dx rc0版本的飞机大战， 由于引擎本身的东西较大，所以上传的东西包只含Classes和Resources文件夹，读者可自行创建新工程，然后将classes里面的cpp添加进去 详细参考文档： http://blog.csdn.net/shun_fzll/article/details/24302095
Cocos2d-x人物动作类实例
01-21
我们玩的游戏一般都可以看到精灵的运动，游戏的世界就是一个运动的世界，而所有的这些动作都可以分为一些基本的动作和动作的组合，今天就来学习一下动作类CCAction，首先看一下类之间的继承关系。 CCAction类下派生了三个动作类，执行动作的类是CCNode以及它的子类，通过函数runAction()来执行动作,其中CCFiniteTimeAction之下是常用的瞬时动作和延时动作。动作从本质上来说就是改变节点的属性，瞬时动作就是改变这些属性不需要时间，瞬时就完成了，而延时动作改变这些属性需要一些时间，可以通过参数来设置这个时间，下面是瞬时动作和延时动作的例子，解释看源代码。点击下图查看效果。
飞机大战 cocos creatro 完整资源+ 代码
02-02
使用cocos creator制作的飞机大战， 包含完整代码 以及 素材
飞机大战cocos2dx
01-15
cocos2dx代码,飞行小游戏欢迎大家下载学习,值得一学
cocos2dx实例开发之飞机大战
踏莎行的博客
08-10 2654
曾经，微信里面可以玩一个打飞机的小游戏，很有趣，后来又没有了，这里基于原版素材写了一个高仿微信打飞机的小游戏 预览 工程结构 环境 Mac os Mojave xcode 7.0 cocos2dx 3.17 代码目录 游戏架构 主要包括以下场景 主菜单 游戏（天空、玩家、敌机、子弹、道具） 步骤 菜单场景 游戏主菜单界面，进入游戏的入口界面 bool MainMenuScene::i...
cocos2d-x实战项目【飞机大战】-- 触摸事件（让飞机跟着鼠标动）
weixin_40968046的博客
07-07 371
三部曲 1、创建单点触摸事件监听 2、监听者调用不同的触摸事件（Began、Moved、Ended） 3、事件派发 void CPlayer::_addTouchEvent() { //添加触摸事件，单点触摸 EventListenerTouchOneByOne* pEventListener = EventListenerTouchOneByOne::create(); //告诉引擎发生的触摸事件，引擎会根据不同的触摸事件调用回调函数 pEventListener->onTouchBegan
cocos做飞机大战笔记【cocos基本操作】
ykl970719的博客
03-30 1220
COCOS学习
cocos2d-x实战项目【飞机大战】-- 基础知识
weixin_40968046的博客
07-07 331
1、窗口大小与自适应： static cocos2d::Size designResolutionSize = cocos2d::Size(320, 480); static cocos2d::Size smallResolutionSize = cocos2d::Size(320, 480); 2、auto：C++11的新语法 auto age = 5; //定义一个变量，类型自动赋为右边的类型 3、创建场景 auto scene = HelloWorld::createScene(); //
cocos creator飞机大战总结
qq_36936831的博客
09-16 1376
飞机大战代码总结
cocos 2dx生成飞机大战
06-02
Cocos2d-x 是一个开源的跨平台游戏开发框架，支持 C++、Lua 和 JavaScript 等语言。以下是一个简单的飞机大战游戏的制作流程： 1. 创建一个新的 Cocos2d-x 项目，在命令行中使用以下命令： ``` cocos new MyGame...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值