当前位置：文档之家 › Cocos2d-x中文教程：Hello, CCMapView

Cocos2d-x中文教程：Hello, CCMapView

  • 格式：doc
  • 大小：85.00 KB
  • 文档页数：10

本文由麦可网cocos2d-x http://www.microoh.com/course/19 收集整理，转载请注明出处。 Cocos2d-x中文教程：Hello, CCMapView ;移动平台下的游戏有着区别于其他平台独特的优势，比如携带便捷，基于地理位置的社交，触摸的用户体验等等。 公司正在开发的游戏也利用了地理位置的优势，开发了社交功能，即将附近的玩家显示出来，可以和他们对战，聊天等等，之前的做法是利用cocos2d-x模拟的地图，根据服务器下发的附近玩家的信息显示，光是手势就实现了两种（捏合和滑动这两种在地图上使用最多的手势），但是效果很不好，于是决定使用ios自带的地图框架，与cocos2d-x结合来实现！于是，一个简单的CCMapView诞生了！

1.结构 cocos2d-x 主要特点是跨平台，于是需要定义一个跨平台的接口，然后在不同平台上做不同实现（因为地图UI是基于系统的），今天主要以ios平台为例 回调函数指针： CCMapViewCallback 跨平台接口类： CCMapView ios平台实现： CCMapViewIOS ios平台对MKMapView的封装类： MapView

2.接口： （1）回调函数：CCMapViewCallback 由于objective c和c++通信只能通过指针，所以我们需要定义通信的函数指针类型，于是我定义了两个接口，一个用于系统定位完成之后回调游戏，另一个用于选中地图中的annotation之后回调游戏（这种从ios到游戏的接口可能是比较复杂一点，相当于回调。至于从游戏调用ios则感觉顺畅的多，只要保存一个对应类型的指针即可） #ifndef Cocos2dxMap_MapViewCallback_h #define Cocos2dxMap_MapViewCallback_h

typedef void (*DidLocatedCallback)(double latitude, double longtitude); typedef void (*SelectedPlayerCallback)(unsigned long long playerID);

#endif

（2）跨平台接口类：CCMapView 首先定义了一个附近玩家信息的结构体，这个结构体是我们在地图中显示annotation时需要的信息 typedef struct { unsigned long long mPlayerID; bool mIsMan; std::string mPlayerName; 本文由麦可网cocos2d-x http://www.microoh.com/course/19 收集整理，转载请注明出处。 float mLatitude; float mLongtitude; } CCPlayerInMap;

然后定义了一个简单的接口类，用于封装系统的地图空间，使用了组合的方式，这里利用void*的特点，实现了跨平台class CCMapView: public cocos2d::CCNode {

public: CCMapView(cocos2d::CCRect const& frame); ~CCMapView();

public: void StartLocating(); void StopLocating(); // in meters void SetRadius(float radius); void AddPlayer(CCPlayerInMap const& ccPlayerInMap); void RemoveAllPlayers();

public: void SetPosition(cocos2d::CCPoint const& pos);

public: void SetDidLocatedCallback(DidLocatedCallback callback); void SetSelectedPlayerCallback(SelectedPlayerCallback callback);

private: void* mMapView;

};

3.实现 定义一个类MapView来继承MKMapView并且实现CLLocationManager和MKMapViewDelegate协议（原谅我比较懒并且对objective-c的语法没啥自信吧，分开实现或许是更好的选择。。。），继承MKMapView是为了使用ios原生地图控件，实现CLLocationManager和MKMapViewDelegate协议是为了提高定位和地图显示和交互的回调接口！ @interface MapView : MKMapView { // Location CLLocationManager* mLocationManager;

float mRadius; 本文由麦可网cocos2d-x http://www.microoh.com/course/19 收集整理，转载请注明出处。 // for refreshing NSMutableArray* mAnnoArray;

// Data NSMutableArray* mNearbyPlayers;

DidLocatedCallback mDidLocatedCallback; SelectedPlayerCallback mSelectedPlayerCallback;

UIImage* mMaleImage; UIImage* mMaleSelectedImage; UIImage* mFemaleImage; UIImage* mFemaleSelectedImage;

MapAnnotationView* mPreMapAnnotionView; }

@property (retain) CLLocationManager* mLocationManager; @property (readwrite) float mRadius; @property (nonatomic, retain) NSMutableArray* mAnnoArray; @property (nonatomic, retain) NSMutableArray* mAnnoViewArr; @property (nonatomic, retain) NSMutableArray* mNearbyPlayers; @property (nonatomic, readwrite) DidLocatedCallback mDidLocatedCallback; @property (nonatomic, readwrite) SelectedPlayerCallback mSelectedPlayerCallback;

- (void)StartLocating; - (void)StopLocating;

- (void)AddNearbyPlayer:(PlayerInMap *) player; - (void)RemoveAllPlayers;

- (void)HandleTap:(UIGestureRecognizer *)recognizer; @end 在实现中，我运用了一个小技巧，绕过了大头针annotation不设置title就不能接受回调的显示，简单来说就是为每个MapAnnotationView添加一个Tap手势注册，而不是通过其自身的点击事件，其它的写法和一般的地图写法并没有太大差别，如果你的项目中没有这么强的定制性，可以添加一个title，就可以在didSelectedxxx函数中接收到点击回调了！（ps：重点是在定位完成后和点击地图中的annotation调用设置好的函数指针回调游戏） // // MapView.m // Cocos2dxMap // 本文由麦可网cocos2d-x http://www.microoh.com/course/19 收集整理，转载请注明出处。 // Created by quyou on 13-2-22. // //

#import "MapView.h" #import "MapAnnotation.h" #import "CCMapViewCallback.h"

@implementation MapView @synthesize mLocationManager; @synthesize mRadius; @synthesize mAnnoArray; @synthesize mAnnoViewArr; @synthesize mNearbyPlayers; @synthesize mDidLocatedCallback; @synthesize mSelectedPlayerCallback;

- (id)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if (self) { // Initialization code self.mLocationManager = [[[CLLocationManager alloc] init] autorelease]; if (![CLLocationManager locationServicesEnabled]) { NSLog(@"User has opted out of location services!"); return self; }

mMaleImage = [[UIImage alloc] initWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"male" ofType:@"png"]]; mMaleSelectedImage = [[UIImage alloc] initWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"male_selected" ofType:@"png"]]; mFemaleImage = [[UIImage alloc] initWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"female" ofType:@"png"]]; mFemaleSelectedImage = [[UIImage alloc] initWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"female_selected" ofType:@"png"]];

合集下载

cocos2d-x入门Lable

cocos2d-x入门Lable

Cocos2d-x的提供了几种生成文字标签的方式，方便我们加入到菜单中等LabelTTF这种方法是通过系统文字生成，使用方法如下还可以生成时指定标签宽度，指定锚点第一个参数是标签的文字内容，第二个是范围的大小，第三个参数是对齐方式，第四个参数是字库名称，第五个参数是字号，用法举例如下：LabelAtlas可以通过自定义的图片来显示文字内容，比如数字字母等第一个参数是标签的文字内容，第二个是对应的图片路径，第三个第四个分别是图片中的每一个元素的宽度和高度，最后一个参数是起始的字符使用方法如下可以通过使用setString来修改标签文字内容label1->setString(string);可以通过使用setColor来设置标签的颜色label2->setColor( ccRED );可以通过使用setOpacity设置标签的透明度label2->setOpacity( 32 );可以通过runAction挂动作CCActionInterval* fade = CCFadeOut::actionWithDuration(1.0f);CCActionInterval* fade_in = fade->reverse();CCFiniteTimeAction* seq = CCSequence::actions(fade, fade_in, NULL);CCAction* repeat = CCRepeatForever::actionWithAction( (CCActionInterval*)seq );label2->runAction( repeat );LabelBMFont同样可以通过自定义的图片来显示文字内容，只是这个更加的灵活，可以自己定义fnt配置文件第一个参数是要显示的内容，第二个参数是fnt文件的路径，使用方法如下生成fnt配置文件的工具下载地址如下/hiero/hiero.jnlp (Java平台)/demos/hiero.jnlp (Java平台)/products/bmfont/ (Windows平台)也可以通过使用setString来修改标签文字内容label2->setString( string );可以通过使用setColor来设置标签的颜色label2->setColor( ccRED );可以通过runAction挂动作CCActionInterval* fade = CCFadeOut::actionWithDuration(1.0f);CCActionInterval* fade_in = fade->reverse();CCFiniteTimeAction* seq = CCSequence::actions(fade, fade_in, NULL);CCAction* repeat = CCRepeatForever::actionWithAction( (CCActionInterval*)seq );label2->runAction( repeat );可以获得单个字符，并为其挂动作（通过字符的索引获得）。

Cocos2d-x游戏开发实战精解：第2篇-Cocos2d-x基础铺垫

Cocos2d-x游戏开发实战精解：第2篇-Cocos2d-x基础铺垫

第2篇 Cocos2d-x基础铺垫第2章 Cocos2d-x基础知识学习第3章 在屏幕上显示内容第4章 实现交互的功能第5章 让人物动起来第6章 定时器的原理及使用第7章 地图系统的使用第8章 Cocos2d-x中的粒子系统第9章 在Cocos2d-x中使用物理引擎第10章 存储和网络第2章Cocos2d-x基础知识学习本章将学习Cocos2d-x生成的默认项目，分析Cocos2d-x项目中各个文件以及目录的作用，并介绍在Cocos2d-x中的导演、场景、精灵等概念。

这些概念是使用Cocos2d-x 开发游戏的过程中不可缺少的组成部分。

其中，导演负责游戏中场景之间的导航和切换等功能的实现；场景是Cocos2d-x中显示各种内容的舞台；精灵则是游戏中的怪物、主角、英雄等元素的总和。

正是由它们一起才组成了一款游戏，因此，本章的内容虽然偏向于理论，略显无聊，但是对整个Cocos2d-x游戏开发的重要性却是显而易见的。

本章还将利用已有的Cocos2d-x项目，在其中新建一个用于显示场景的新类，以此来探究Cocos2d-x各部分的运行顺序以及启动的原理。

本章的主要内容有： 如何在Cocos2d-x中新建一个项目并运行。

如何创建一个新类并根据需要对项目进行设置。

导演、节点、图层、精灵等概念在Cocos2d-x中是怎样使用的，以及它们之间的区别。

2.1 在Cocos2d-x中创建一个新的场景在Cocos2d-x中新建一个项目，命名为CocosProject01，并在Visual Studio 2013中打开，可以看到它的目录如图2-1所示。

图2-1 Cocos2d-x项目的目录右击该项目，在快捷菜单中选择“添加”|“类”命令，创建一个新类，命名为MyScene，第2章 Cocos2d-x基础知识学习然后参照HelloWorldScene.h中的内容对文件MyScene.h进行编辑，如范例2-1所示。

【范例2-1】新建类MyScene的定义。

cocos2d-x初探学习笔记(4)--触屏事件

cocos2d-x初探学习笔记(4)--触屏事件

cocos2d-x初探学习笔记（4）--触屏事件
1.场景触屏
一般在菜单中，不是继承自CCLayer，这时候要检测触屏，就需要两步就可以完成第一步：setIsTouchEnabled(true);这句话在类初始化的时候加入
第二步：重写相应的函数：
ccTouchesBegan(CCSet *pTouches,CCEvent *pEvent);//触屏开始事件ccTouchesMoved(CCSet *pTouches,CCEvent *pEvent);//拖动事件ccTouchesEnded(CCSet *pTouches,CCEvent *pEvent);//触屏结束事件
需要在哪个消息上作处理，就重写哪个函数就可以，具体的重写方法，会在后面介绍
2.布景触屏（层触屏）
需要增加一步，即重写registerWithTouchDispatcher()函数，重写的方法如下
剩下的就和1里一样
首先在层初始化的时候（onEnter）加入setIsTouchEnabled(true);
然后重写相应的函数
3 获得坐标
重写函数时，需要获得坐标
在处理多点触摸时，首先获得集合中的第一个元素，然后获得屏幕上的坐标对应，最后对应openGL图标
在处理单点触摸时只需要两步就可以。

龙图教育：cocos2dx之摄像机类CCCamera类的使用

龙图教育：cocos2dx之摄像机类CCCamera类的使用

cocos2dx之摄像机类CCCamera类的使用一、摄像机类所有节点都拥有一个摄像机类CCCamera。

只有通过摄像机类，节点才能被渲染出来。

当节点发生缩放旋转和位置变化的时候，都需要覆盖CCCamera类，让这个节点通过CCCamera类重新渲染。

注意：CCNode类里有些方法可以实现缩放、旋转和位置变化，当使用摄像机类实现这些的时候，那些方法就不能同时使用了。

使用摄像机类也不可以同时使用世界坐标了。

CCCamera类的继承关系如下图所示。

Cocos2D-X中的CCCamera类使用OpenGL的gluLookAt函数来设置位置。

gluLookAt函数有三组关于坐标的参数，其中“Eye”系列的x、y、z坐标参数是视角的位置，而“Center”系列的x、y、z坐标参数是所视目标的坐标位置，“Up”系列的x、y、z坐标参数是摄像机方向的向量坐标。

关于这三个参数，你可以理解为以“Eye”为起点，沿着“Up”方向，朝着“Center”看。

注意：这里需要说明的是，在三维效果中，使用CCCamera类是可以的，但是如果你只需要一些二维特效的话，那么更推荐跟随类CCFollow。

跟随类CCFollow的相关知识，我们会在后面学习到。

CCCamera类的主要保护成员数据如下图所示。

CCCamera类的主要公共函数如下图所示。

二、实例：CCCamera类的使用CCCamera类可以实现节点对象的缩放旋转等，下面就让我们来实现摄像机类实现缩放的实例。

<1> 首先新建一个Cocos2D-X项目，然后在HelloWorldScene.h文件中添加如下代码所示。

class HelloWorld : public cocos2d::CCLayer{float m_z;public:// Here's a difference. Method 'init' in cocos2d-x returns bool, instead of returning 'id' in cocos2d-iphonevirtual bool init();void update(float dt);// there's no 'id' in cpp, so we recommand to return the exactly class pointerstatic cocos2d::CCScene* scene();// a selector callbackvoid menuCloseCallback(CCObject* pSender);// implement the "static node()" method manuallyCREATE_FUNC(HelloWorld);};#endif添加了一个成员变量m_z和一个成员函数update。