Cocos2d-x《雷电大战》(2)-精灵随手指移动，你点哪我走哪！

最新推荐文章于 2021-02-23 21:24:54 发布
置顶 最新推荐文章于 2021-02-23 21:24:54 发布
阅读量6.5k 收藏 6
点赞数 15
分类专栏： Cocos2d-x游戏开发《雷电大战》 Cocos2d-x游戏开发实战 文章标签： Cocos2d-x 精灵随手指移动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Evankaka/article/details/44135555
版权

         林炳文Evankaka原创作品。转载请注明出处http://blog.csdn.net/evankaka

        本文要实现飞机游戏中，人的手指按着飞机，就能拖着飞机走动，这里实现了当你手指按在手机的图片上，手指一直按着屏幕，飞机就会跟着你走。同时，还加入了边界判断条件，让飞机在你的视野内移动，实现的效果完全和我们手机上的飞机游戏一样。

效果：

Cocos2d-x版本：3.4

工程环境：VS30213


一、代码编写

1、头文件GameMain.h

/**
*@作者 林炳文（邮箱：ling20081005@126.com）
*@博客 http://blog.csdn.net/evankaka
*@时间 2015.3.8
*@功能 游戏的主界面
*/
#ifndef __GameMain_H__
#define __GameMain_H__
#include "BackLayerDown.h"
#include "BackLayerUp.h"
#include "cocos2d.h"
USING_NS_CC;
class GameMain : public cocos2d::Layer
{
public:
    static cocos2d::Scene* createScene();
    virtual bool init();
	
	virtual bool onTouchBegan(cocos2d::Touch *touch, cocos2d::Event *unused_event);
	virtual void onTouchMoved(cocos2d::Touch *touch, cocos2d::Event *unused_event);
	virtual void onTouchEened(cocos2d::Touch *touch, cocos2d::Event *unused_event);
	virtual void onTouchCancelled(cocos2d::Touch *touch, cocos2d::Event *unused_even);
   
    CREATE_FUNC(GameMain);
private:
	bool isHeroPlaneControl;//飞机是否被控制着
	float mDeltaX;//英雄飞机随手指移动时的X偏移量
	float mDeltaY;//英雄飞机随手指移动时的Y偏移量
	Sprite *mHeroPlane;//英雄飞机
};

#endif // __GameMain_H__


然后在GameMain.cpp中增加： 

#include "GameMain.h"
USING_NS_CC;
Scene* GameMain::createScene()
{
    auto scene = Scene::create();
    auto layer = GameMain::create();
    scene->addChild(layer);
    return scene;
}

bool GameMain::init()
{
	Size visibleSize = Director::getInstance()->getVisibleSize();
	Point origin = Director::getInstance()->getVisibleOrigin();
	//这是地面图层
	this->addChild(BackLayerUp::create());
	//这是白云图层
	this->addChild(BackLayerDown::create());

	//加个飞机
	mHeroPlane = Sprite::create("air1.png");
	mHeroPlane->setPosition(Vec2(visibleSize.width / 2, visibleSize.height / 5));
	this->addChild(mHeroPlane, 1, 100);
	isHeroPlaneControl = false;

	//打开触摸，增加触摸监听事件
	this->setTouchEnabled(true);
	auto listen = EventListenerTouchOneByOne::create();
	listen->onTouchBegan = CC_CALLBACK_2( GameMain::onTouchBegan,this);
	listen->onTouchMoved = CC_CALLBACK_2(GameMain::onTouchMoved, this);
	listen->onTouchEnded = CC_CALLBACK_2(GameMain::onTouchEened, this);
	listen->onTouchCancelled = CC_CALLBACK_2(GameMain::onTouchCancelled, this);
	listen->setSwallowTouches(false);//不截取触摸事件
	Director::getInstance()->getEventDispatcher()->addEventListenerWithSceneGraphPriority(listen,this);

    return true;
}
bool  GameMain::onTouchBegan(cocos2d::Touch *touch, cocos2d::Event *unused_event){
	
	Point mHeroPos = mHeroPlane->getPosition();
	Point mBeganPos = touch->getLocationInView();
	mBeganPos = Director::getInstance()->convertToGL(mBeganPos);

	//判断当前手指按下区域是否是英雄飞机的区域,并且计算飞机要移动时的偏移量
	if (mBeganPos.x > mHeroPos.x - mHeroPlane->getContentSize().width / 2 && mBeganPos.x<mHeroPos.x + mHeroPlane->getContentSize().width / 2 &&
		mBeganPos.y>mHeroPos.y - mHeroPlane->getContentSize().height / 2 && mBeganPos.y < mHeroPos.y + mHeroPlane->getContentSize().height / 2){
		isHeroPlaneControl = true;
		//計算偏移量
		mDeltaX = mBeganPos.x - mHeroPos.x;
		mDeltaY = mBeganPos.y - mHeroPos.y;

	}

	return true;
}
void  GameMain::onTouchMoved(cocos2d::Touch *touch, cocos2d::Event *unused_event){
	if (isHeroPlaneControl){
		Point mMovedPos = touch->getLocationInView();
		mMovedPos = Director::getInstance()->convertToGL(mMovedPos);

		Size visibleSize = Director::getInstance()->getVisibleSize();
		Point origin = Director::getInstance()->getVisibleOrigin();
		float x = mMovedPos.x - mDeltaX;//記得減去偏移量
		float y = mMovedPos.y - mDeltaY;
	
		if (x <= mHeroPlane->getContentSize().width / 2 + origin.x)//x到达屏幕左边界
			x = mHeroPlane->getContentSize().width / 2 + origin.x;
		else if (x >= visibleSize.width - mHeroPlane->getContentSize().width / 2)//x到达屏幕右边界
			x = visibleSize.width - mHeroPlane->getContentSize().width / 2;

		if (y <= mHeroPlane->getContentSize().height / 2 + origin.y)//y到达屏幕下边界
			y = mHeroPlane->getContentSize().height / 2 + origin.y;
		else if (y >= visibleSize.height - mHeroPlane->getContentSize().height / 2)//x到达屏幕上边界
			y = visibleSize.height - mHeroPlane->getContentSize().height/ 2;

		//飞机跟随手指移动
		mHeroPlane->setPosition(Vec2(x,y));
	}
}
void  GameMain::onTouchEened(cocos2d::Touch *touch, cocos2d::Event *unused_event){
	isHeroPlaneControl = false;
}
void  GameMain::onTouchCancelled(cocos2d::Touch *touch, cocos2d::Event *unused_even){
	isHeroPlaneControl = false;
}

这里再说一写主要函数：

头文件增加触摸事件：

	virtual bool onTouchBegan(cocos2d::Touch *touch, cocos2d::Event *unused_event);
	virtual void onTouchMoved(cocos2d::Touch *touch, cocos2d::Event *unused_event);
	virtual void onTouchEened(cocos2d::Touch *touch, cocos2d::Event *unused_event);
	virtual void onTouchCancelled(cocos2d::Touch *touch, cocos2d::Event *unused_even);
实现文件开启触摸事件监听： 

//打开触摸，增加触摸监听事件
	this->setTouchEnabled(true);
	auto listen = EventListenerTouchOneByOne::create();
	listen->onTouchBegan = CC_CALLBACK_2( GameMain::onTouchBegan,this);
	listen->onTouchMoved = CC_CALLBACK_2(GameMain::onTouchMoved, this);
	listen->onTouchEnded = CC_CALLBACK_2(GameMain::onTouchEened, this);
	listen->onTouchCancelled = CC_CALLBACK_2(GameMain::onTouchCancelled, this);
	listen->setSwallowTouches(false);//不截取触摸事件
	Director::getInstance()->getEventDispatcher()->addEventListenerWithSceneGraphPriority(listen,this);

然后就是触摸事件 的处理了： 

bool  GameMain::onTouchBegan(cocos2d::Touch *touch, cocos2d::Event *unused_event){
	
	Point mHeroPos = mHeroPlane->getPosition();
	Point mBeganPos = touch->getLocationInView();
	mBeganPos = Director::getInstance()->convertToGL(mBeganPos);

	//判断当前手指按下区域是否是英雄飞机的区域,并且计算飞机要移动时的偏移量
	if (mBeganPos.x > mHeroPos.x - mHeroPlane->getContentSize().width / 2 && mBeganPos.x<mHeroPos.x + mHeroPlane->getContentSize().width / 2 &&
		mBeganPos.y>mHeroPos.y - mHeroPlane->getContentSize().height / 2 && mBeganPos.y < mHeroPos.y + mHeroPlane->getContentSize().height / 2){
		isHeroPlaneControl = true;
		//計算偏移量
		mDeltaX = mBeganPos.x - mHeroPos.x;
		mDeltaY = mBeganPos.y - mHeroPos.y;

	}

	return true;
}
void  GameMain::onTouchMoved(cocos2d::Touch *touch, cocos2d::Event *unused_event){
	if (isHeroPlaneControl){
		Point mMovedPos = touch->getLocationInView();
		mMovedPos = Director::getInstance()->convertToGL(mMovedPos);

		Size visibleSize = Director::getInstance()->getVisibleSize();
		Point origin = Director::getInstance()->getVisibleOrigin();
		float x = mMovedPos.x - mDeltaX;//記得減去偏移量
		float y = mMovedPos.y - mDeltaY;
	
		if (x <= mHeroPlane->getContentSize().width / 2 + origin.x)//x到达屏幕左边界
			x = mHeroPlane->getContentSize().width / 2 + origin.x;
		else if (x >= visibleSize.width - mHeroPlane->getContentSize().width / 2)//x到达屏幕右边界
			x = visibleSize.width - mHeroPlane->getContentSize().width / 2;

		if (y <= mHeroPlane->getContentSize().height / 2 + origin.y)//y到达屏幕下边界
			y = mHeroPlane->getContentSize().height / 2 + origin.y;
		else if (y >= visibleSize.height - mHeroPlane->getContentSize().height / 2)//x到达屏幕上边界
			y = visibleSize.height - mHeroPlane->getContentSize().height/ 2;

		//飞机跟随手指移动
		mHeroPlane->setPosition(Vec2(x,y));
	}
}
void  GameMain::onTouchEened(cocos2d::Touch *touch, cocos2d::Event *unused_event){
	isHeroPlaneControl = false;
}
void  GameMain::onTouchCancelled(cocos2d::Touch *touch, cocos2d::Event *unused_even){
	isHeroPlaneControl = false;
}

     方法很简单，代码量也很少，有需要的把上面的自己拿过去，把图片改改，把类名改改就可以了。

     其实这里应该把英雄和移动事件单独写一个类，然后在GameMain里头来调用，因为英雄这个类我还构思好，所以先这样写，后头会把英雄飞机单独提取出来成为一个类，就不会在GameMain里头写这么多了；

效果：


\

效果很好，飞机能跟随移动并且不会跑出屏幕范围

二、思路说明

1、首先在onTouchBegan判断触摸点是否在英雄飞机的图片矩形内，若在这个范围内，刚将布尔型的mHeroPlaneControl设置为true,并且计算触摸点的横纵坐标与英雄飞机的锚点坐标的差值。

2、因为要让英雄飞机移动，要修改锚点位置，必须知道锚点位置与触摸位置的偏移量，之后才可以通过这个偏移量设置主角的位置。

3、判断英雄飞机是否跑出屏幕范围了，如果是，就将它设置在边界处，详看上面的两个if判断。

4、在onTouchMoved中，若mHeroPlaneControl为true，说明可以移动英雄飞机。

           林炳文Evankaka原创作品。转载请注明出处http://blog.csdn.net/evankaka

                若你觉得此文对你有用，那就帮我顶一下～～谢谢啦！

Evankaka
关注
  • 15
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
COCOS2D-X 实现触屏拖动和惯性运动
01-08
用cocos2d-x实现的触屏拖动程序，包括手指滑动后松开的惯性运动，可以直接，cocos2d-x开发，C++写的
Qt实战——飞机大战1.0（全注释）
默示MoS的博客
03-28 988
鼠标拖拽移动战机，敌方战机随机刷新，具有背景音效和敌人击杀音效，同时具有击败敌机的爆炸特效需要图片等资源的可以留下联系方式，我发给你注意：Qt会由于资源文件太大无法解析而报错，需要改用导入rcc文件解决，解决方法在我另一篇文章中有写Qt报错之OutOfMemoryAllocating。
QT飞机大战二(飞机类)
jziwjxjd的博客
02-23 529
如图所示 飞机,当然要有自己的坐标位置 有自己的资源图片 另外需要设置自己的矩形框,毕竟后续需要用于和其他子弹,敌机检测是否相撞 需要有发射子弹的函数,那么这个子弹肯定也是一个类,子弹类在下一节 需要提供一个更新飞机位置的函数,因为飞机会随着鼠标拖拽移动 至于随着鼠标移动,我们只需要在主场景中重写mouseMoveEvent(QMouseEvent *event)时间即可 飞机类HeroPlaneHeroPlaneHeroPlane heroplane.h #ifndef HEROPLANE_H #def.
Cocos2d-x 《雷电大战》-精灵随手指移动，你点哪我走哪！
weixin_34019144的博客
03-08 109
本文要实现飞机游戏中，人的手指按着飞机，就能拖着飞机走动，这里实现了当你手指按在手机的图片上，手指一直按着屏幕，飞机就会跟着你走。同时，还加入了边界判断条件，让飞机在你的视野内移动，实现的效果完全和我们手机上的飞机游戏一样。效果：Cocos2d-x版本：3.4工程环境：VS30213一、代码编写1、头文件GameMain.h/** *@作者林炳文（邮箱：ling20...
cocos creator touch事件移动中防止碰撞穿透
厚积薄发
08-20 4206
最近在学习cocos creator, 在实现一个手指移动物体与其他物体碰撞的场景时,缓慢移动不会出现问题,当快速移动时,碰撞检测不会生效, 使用刚体的bullet也解决不了(这个感觉好像是物品自移动场景下使用的,没进行验证),尝试在touchMove中对快速移动产生的长距离进行分步检测, 未出现碰撞穿透的现象,代码实现如下: touchMove(event: cc.Event.Even...
cocos2d-x2.0射击类游戏《雷电》实现-沈大海cocos2d-x教程24
mmdev
12-05 147
主要涉及游戏背景滚动屏幕，飞机类动画和触摸控制实现，子弹类。 下载地址: http://download.csdn.net/detail/sdhjob/4850443
小游戏雷电总结
长草
08-10 747
最近两天仿雷电写了一个小游戏，实现了基本的上下左右移动和发射子弹功能。现在在这里介绍一下做这个游戏的几个技术要点： 1.多线程 2.键盘监听器 3.双缓冲 多线程：线程是一个程序内的小模块，java中常把一个线程写成一个类，多线程顾名思义就是多个线程了。多线程是这个游戏很重要的一个方法，因为雷电中有各种飞机，各种飞机又有它们不同的子弹，这就要求我得为这些不同的飞机和子弹设立线程，在它们...
cocos2d-x-3rd-party-libs-src:cocos2d-x的依存关系
05-28
cocos2d-x第三方库 该存储库包含与cocos2d-x捆绑在一起的第三方库（二进制）的源代码。 对于cocos2d-x开发人员和/或想要： 生成特定库的更新版本（例如：将libpng 1.6.2升级到1.6.14） 将cocos2d-x移植到其他平台...
Cocos2d-Lua-社区：基于Cocos2d-x 4.0，打造易用稳定的Cocos2d-x lua引擎
02-03
Cocos2d-Lua社区Cocos2d-Lua-Community是Cocos2d-x 4.0的改进，并且易于使用Lua游戏引擎。 它是与Quick-Cocos2dx-Community v3.7.x兼容的Lua“框架”。得到帮助 QQ群：社区版千人群（1群）号：361920466社区版2群：...
Cocos2d-x实战：JS卷——Cocos2d-JS开发
07-23
资源名称：Cocos2d-x实战：JS卷——Cocos2d-JS开发内容简介：本书是介绍Cocos2d-x游戏编程和开发技术书籍，介绍了使用Cocos2d-JS中核心类、瓦片地图、物理引擎、音乐音效、数据持久化、网络通信、性能优化、多平台...
cocos2d-x-3.13.1 spine3.6.zip
04-21
cocos 3.13.1 更新了spine3.6 安卓编译通过 ios未测试
cocos2d-x-Introduction.zip_cocos2d_cocos2d-x
09-20
Cross-platform game engine cocos2d-x Introduction
CocosCreator | 给节点施加力、冲量、防止穿墙
u011607490的博客
11-17 8915
this.targetBody .getComponent(cc.RigidBody) .applyLinearImpulse( force, this.targetBody.getComponent(cc.RigidBody).getWorldCenter(), true )...
[Postfix]队列监控告警,发送告警邮件
隔壁-老阳
02-03 2659
#设置监控的最大队列数,当postfix队列数超过设置警戒值自动发送告警邮件给相关运维管理人员 #!/bin/bash #队列目录 QUEUE_DIR_NAES="/incoming/ \ /active/ \ /bounce/ \ /defer/ \
Cocos2d-x 让精灵随手指移动起来二(简单实现)
隔壁-老阳
05-26 2256
void HelloWorld::ccTouchMoved(cocos2d::CCTouch *touch, cocos2d::CCEvent *event) { CCSize winSize = CCDirector::sharedDirector()->getVisibleSize(); if (m_ship) { CCPoint pos = touch->getDelta
Cocos2d-x《雷电大战》(5)-单例模式英雄飞机闪亮登场!
Evankaka的专栏
04-06 6880
本文将实现用单例模式实现一个英雄飞机类的设计，单例模式是游戏开发中最常用到的一种设计模式，原理也比较简单，仔细研究下就可以掌握好。
Cocos2d-x虚拟摇杆控制精灵上下左右运动----之游戏开发《赵云要格斗》（1）
热门推荐
Evankaka的专栏
12-20 2万+
Cocos2d-x实现虚拟摇杆控制精灵的运动，并能改变精灵脸部的朝向，扩展性很好。将摇杆类移值到你的工程中即可用，还可以改成你喜欢的图片
Cocos2d-x怪物智能AI怪物也有智商----之游戏开发《赵云要格斗》（6）
Evankaka的专栏
01-11 2万+
本文将主要来讲讲游戏开发中的怪物智能，一个好的游戏一般怪物都要分等级，这样我们游戏玩起来才有意思，怪物如果智商太高，游戏难度大。怪物如果智商太低，游戏玩起来又没有意思。一般好的游戏低级怪物和中级怪物占大部分，高级怪物一般是BOSS级怪物。下面我来讲讲自己对怪物AI的一些见解吧。
《赵云要格斗》游戏开源啦！要代码要资源就来！~~~~~~~
Evankaka的专栏
02-07 1万+
笔者自行开发的Cocos2d-x原创游戏《赵云要格斗》这里把全部的代码和资源全部共享，保证全部可以免费下载，笔者之前开发这个游戏的时就说过，此游戏最后一定会开源。游戏其实还没弄完，只是近期好多博友都在找我要代码要资源，笔者原本是想等游戏全部完成之后，再来公布的。现在打算提前点，笔者认为社区大于代码（CSDN上的话，开源好于自己闭门造车。
android studio 使用手指在屏幕上移动，飞机跟随手指移动
最新发布
05-21
实现手指在屏幕上移动，飞机跟随手指移动的效果，可以通过以下步骤实现： 1. 在布局文件中添加一个 ImageView 控件，用于显示飞机的图片。 2. 在 Java 代码中获取 ImageView 控件的实例，并为其设置触摸监听器。 3. 在触摸监听器中实现飞机跟随手指移动的逻辑： - 当手指按下时，记录下当前手指所在的坐标位置。 - 当手指移动时，计算出手指移动的距离，并根据距离调整飞机的位置。 - 当手指抬起时，取消触摸监听器。 下面是一个示例代码，可以参考实现： 首先，在布局文件中添加 ImageView 控件： ``` <ImageView android:id="@+id/ivPlane" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:src="@drawable/plane" /> ``` 然后，在 Java 代码中获取 ImageView 控件的实例，并为其设置触摸监听器： ``` ImageView ivPlane = findViewById(R.id.ivPlane); ivPlane.setOnTouchListener(new View.OnTouchListener() { float startX, startY; float offsetX, offsetY; @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: startX = event.getX(); startY = event.getY(); break; case MotionEvent.ACTION_MOVE: float endX = event.getX(); float endY = event.getY(); offsetX = endX - startX; offsetY = endY - startY; ivPlane.setX(ivPlane.getX() + offsetX); ivPlane.setY(ivPlane.getY() + offsetY); startX = endX; startY = endY; break; case MotionEvent.ACTION_UP: v.setOnTouchListener(null); break; } return true; } }); ``` 在触摸监听器中，我们记录下手指按下时的坐标位置（startX、startY），并在手指移动时计算出手指移动的距离（offsetX、offsetY），然后根据距离调整飞机的位置（ivPlane.setX()、ivPlane.setY()）。最后，在手指抬起时取消触摸监听器，避免继续响应触摸事件。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值