/* 说明:

**1.本次游戏实例是《cocos2d-x游戏开发之旅》上的最后一个游戏,这里用3.0重写并做下笔记

**2.我也问过木头本人啦,他说:随便写,第一别全然照搬代码;第二能够说明是学习笔记---好人

**3.这里用cocos2d-x 3.0版本号重写,非常多地方不同,可是从重写过程中也非常好的学习了cocos2d-x

*/

***每一步相应的全部代码以及用到的资源都会打包在最后给出

***为避免代码过多,每一步的代码都做了标记--一看就晓得是第几步实现的避免出错改不回去(难不成还用Git?)

***能够依据设计思路(好吧,那名字太高大上。实际就是这一步要干啥)先自己实现---cocos2d-x本来就是如此,同样的功能有很多不同实现方法;先自己折腾是蛮不错的。

***为了方便移植到手机上,对于每一步都进行编译android測试;由于非常多时候代码在win32下能够,编译就会出错,给出的代码会是測试过后的。

本次笔记内容:

1、设计思路&问题注意

2、效果图

3、尾随设计思路看代码

4、下节知识预览

一:设计思路&问题注意

一步步来

(1)为了响应MainScene中的编辑button,须要一个PosEditorScene,然而这个Scene里面须要做的事比較多;所以这里把Scene单独抽离出来,然后在里面加入各种Layer

(2)先来一个万能的GetBackLayer;为什么是万能的呢?这个层的作用非常easy,里面有一button,Back; 通过这个button,你能够在不论什么地方回到MainScene。你Start之后进行关卡选择,发现自己要重编辑怪物路线,你就Back,游戏中你不想玩了Back,编辑场景中,编辑好了想要測试?Back。到这,你就能够測试一下了

(3)来一个PosEditorLayer,这个层我们来编辑怪物路线和炮台位置,那么通过屏幕触摸,能够加入一个Pos,就须要我们给这个Layer触摸事件,到这,你也能够在触摸事件中測试一下

(4)既然触摸是加入一个点,那么我们就须要PosBase,继承自Node,然后重写draw 函数,屏幕触摸之后,加入这个点,这个点draw出来。然而这里须要注意的就是我们分Tower和Monster两种点;木头的做法是抽离一个PosBase基类,然后分别继承。这种话是方便以后扩充,假设又有一种点,那么相同能够继承;我这里看两种点的功能差点儿相同,就偷了懒,干脆仅仅用PosBase,然后用一个枚举类来区分当前点是Tower
还是Monster

(5)须要注意的是枚举类是必要的,在编辑层中你也须要改变不同的Type 来进行编辑

(6)这里的GetBackLayer中的button用了Extension库,有一点点问题须要处理--比較简单

(7)那么这里的点重写draw函数的话,不知道为什么,会被背景挡住,N多方法都试过;最后机智的想到,把背景图片设置透明度;还果然就看到了;只是问过木头大哥啦,他測试的解决方法是:draw函数最先被画,那么PosBase就不要加入到有背景的层,能够单独抽离一个层,就能够啦;

(8)编辑器的内容比較多,这一步先到这里

二:最后效果图

点击屏幕任何位置,出现一个Tower,同一时候PosEditorLayer 中有一个枚举成员,初始化为Tower,也能够弄成Monster 測试

三:尾随设计思路看代码

首先是PosEditorScene.h

class PosEditorScene{
public:
static Scene* createScene();
};/**/

是的,就这么简单,我们这里仅仅要获取一个Scene就可以,其它的Layer在createScene里面

.cpp

Scene* PosEditorScene::createScene(){
Scene* scene = Scene::create(); //auto posEditorLayer = PosEditorLayer::create();
//scene->addChild(posEditorLayer); auto getBackLayer = GetBackLayer::create();
scene->addChild(getBackLayer); return scene;
}

然后看看GetBackLayer.h

#include "cocos2d.h"
#include "cocos-ext.h"
USING_NS_CC;
USING_NS_CC_EXT; class GetBackLayer : public Layer{
public:
CREATE_FUNC(GetBackLayer);
virtual bool init(); private:
void getBack(Ref* pSender, Control::EventType event);
};/**/

CREATE_FUNC实际是一个宏定义的create函数,后面在Scene中的加入Layer的时候create,然后会调用Layer的 init 函数,这里我们仅仅须要virtual bool init 函数的实现

.cpp

bool GetBackLayer::init(){
auto visibleSize = Director::getInstance()->getVisibleSize(); auto btnTitle = Label::create("Back","Arial",30);
auto norSprite = Scale9Sprite::create("Button/public_ui_blue_btn.png");
auto highLightSprite = Scale9Sprite::create("Button/public_ui_green_btn.png"); auto outPutBtn = ControlButton::create(btnTitle,norSprite);
outPutBtn->setBackgroundSpriteForState(highLightSprite,Control::State::HIGH_LIGHTED);
outPutBtn->setPosition(
ccp(visibleSize.width-norSprite->getContentSize().width/2,
visibleSize.height - norSprite->getContentSize().height)); outPutBtn->addTargetWithActionForControlEvents(
this,
cccontrol_selector(GetBackLayer::getBack),
Control::EventType::TOUCH_UP_INSIDE); this->addChild(outPutBtn,20);
return true;
} void GetBackLayer::getBack(Ref* pSender,Control::EventType event){
CCLOG("Back to MainScene");
auto scene = MainScene::createScene();
Director::getInstance()->replaceScene(scene);
}

这里因为用到了Extension,会遇到些问题:解决方法之前提到过:

也就三步三个加入:之前也有过  图文解释

到这里,就能够測试一下Backbutton的使用,那么GetBackLayer能够加入到非常多Scene中

那么如今来看看PosEditorLayer.h

class PosEditorLayer : public Layer{
public:
PosEditorLayer();
~PosEditorLayer();
CREATE_FUNC(PosEditorLayer);
virtual bool init(); private:
//**2**当前关卡级别
int _curLevel;
//------------成员&函数切割线---------------------- //**2**预载入内容
void preLoad();
};

.cpp

PosEditorLayer::PosEditorLayer(){
_curLevel = 1;
}
PosEditorLayer::~PosEditorLayer(){
} bool PosEditorLayer::init(){
//**2**---------------触摸事件----------------------------
auto listener = EventListenerTouchOneByOne::create();
listener->setSwallowTouches(true); listener->onTouchBegan = [](Touch* touch, Event* event){
return true;
}; listener->onTouchMoved = [](Touch* touch, Event* event){
}; listener->onTouchEnded = [=](Touch* touch, Event* event){
auto touchPos = touch->getLocationInView();
auto pos = Director::getInstance()->convertToUI(touchPos); CCLOG("Touch pos.X is %f, Touch pos.Y is %f",pos.x, pos.y);
}; _eventDispatcher->addEventListenerWithSceneGraphPriority(listener,this); //------------------------------------------------------------ //**2**
preLoad(); return true;
} void PosEditorLayer::preLoad(){
//**2**add map
auto visibleSize = Director::getInstance()->getVisibleSize();
auto sBg = __String::createWithFormat("game/level_%d.jpg",_curLevel);
auto mapBg = Sprite::create(sBg->getCString());
mapBg->setPosition(ccp(visibleSize.width/2,visibleSize.height/2));
mapBg->setOpacity(150);
this->addChild(mapBg);
}

然后把这个层加入到PosEditorScene中,为了不挡住getBackLayer,你能够在GetBackLayer之前 加入scene里面

然后F5測试,输出中能够看到你触摸屏幕的位置

触摸屏幕是为了加入点,那么来看看PosBase

enum EnumPosType{
enTowerPos,
enMonsterPos
}; class PosBase : public Node{
public:
PosBase();
~PosBase();
//**2**
static PosBase* create(Point pos, EnumPosType posType, bool isDebug); //**2**
bool init(cocos2d::Point pos, EnumPosType posType, bool isDebug); //**2**
virtual void draw(cocos2d::Renderer *renderer, const kmMat4& transform, bool transformUpdated); protected:
CC_SYNTHESIZE(Point,_pos,Pos); //**2**
bool _isDebug;
EnumPosType _posType;
};/**/

这里是根据  位置,点类型,是否调试;三个变量来创建一个PosBase的;根据_isDebug来推断是否调试,是的话,就将点画出来 ,这里的CC_SYNTHESIZE 也是一个宏,就是加入私有成员,等价于:

private:

Point  _pos;

public:

void setPos(Point pos) { _pos = pos ; };

Point getPos() { return _pos; };

.cpp

#define Tower_Radius 32
#define Monster_Radius 10 PosBase::PosBase(){
_pos = CCPointMake(0,0);
_isDebug = false;
_posType = enTowerPos;
}
PosBase::~PosBase(){
} PosBase* PosBase::create(Point pos, EnumPosType posType, bool isDebug){
PosBase* tPos = new PosBase(); if(tPos && tPos->init(pos, posType,isDebug)){
tPos->autorelease();
}else{
CC_SAFE_DELETE(tPos);
}
return tPos;
} bool PosBase::init(Point pos, EnumPosType posType, bool isDebug){
//**2** _SYNTHESIZE(Point,_pos,Pos); 的方法
setPos(pos);
_posType = posType;
_isDebug = isDebug; return true;
} void PosBase::draw(Renderer *renderer, const kmMat4& transform, bool transformUpdated){
if(_isDebug){
glLineWidth(5); //依据posMode 设置推断的半径
float radius;
if(_posType == enTowerPos){
radius = Tower_Radius;
}
else{
radius = Monster_Radius;
} //draw TowerPos
if(_posType == enTowerPos){
Point srcPos = Point(_pos.x-radius, _pos.y+radius);
Point destPos = Point(_pos.x+radius, _pos.y-radius); ccDrawRect(srcPos,destPos);
}
else{ //draw MonsterPos
ccDrawCircle(_pos, radius, 360, 20, false);
} glLineWidth(1);
}
}

然后測试:在PosEditorLayer中加入成员_posType,而且在构造函数中赋值 enTowerPos 表示默认当前是编辑炮台坐标

成员函数  editorPos

void PosEditorLayer::editPos(Point pos){
//**2**test
auto posBase = PosBase::create(pos, _posType, true);
this->addChild(posBase);
}

然后在触摸事件中加入函数,就能随意点击屏幕加入点;

四:下节知识点预览

既然要编辑,仅仅能加入点不然删除算什么?要在代码中改变PosType算什么?难道仅仅能编辑一级的关卡吗?这些点不保存?

以下解决

------------------------------------------------

资源&代码

------------------------------------------------

个人愚昧观点,欢迎指正与讨论

cocos2d-x 3.0游戏实例学习笔记《卡牌塔防》第二步---编辑器(1)--触摸加入点的更多相关文章

  1. cocos2d-x 3.0游戏实例学习笔记 《跑酷》 完结篇--源代码放送

    说明:这里是借鉴:晓风残月前辈的博客,他是将泰然网的跑酷教程,用cocos2d-x 2.X 版本号重写的,眼下我正在学习cocos2d-X3.0 于是就用cocos2d-X 3.0重写,并做相关笔记 ...

  2. cocos2d-x 3.0游戏实例学习笔记《卡牌塔防》第0步---知识点总结&效果预览&设计思路

    /* 说明: **1.本次游戏实例是<cocos2d-x游戏开发之旅>上的最后一个游戏.这里用3.0重写并做下笔记 **2.我也问过木头本人啦,他说:随便写.第一别全然照搬代码:第二能够说 ...

  3. cocos2d-x 3.0游戏实例学习笔记《卡牌塔防》第三步---编辑器(2)---更方便很多其它操作更像编辑器

    /* 说明: **1.本次游戏实例是<cocos2d-x游戏开发之旅>上的最后一个游戏,这里用3.0重写并做下笔记 **2.我也问过木头本人啦.他说:随便写,第一别全然照搬代码:第二能够说 ...

  4. cocos2d-x 3.0游戏实例学习笔记《卡牌塔防》第一步---開始界面&amp;关卡选择

    /* 说明: **1.本次游戏实例是<cocos2d-x游戏开发之旅>上的最后一个游戏,这里用3.0重写并做下笔记 **2.我也问过木头本人啦.他说:随便写,第一别全然照搬代码:第二能够说 ...

  5. cocos2d-x 3.0游戏实例学习笔记《卡牌塔防》第七步---英雄要升级&amp;属性--解析csv配置文件

    /* 说明: **1.本次游戏实例是<cocos2d-x游戏开发之旅>上的最后一个游戏,这里用3.0重写并做下笔记 **2.我也问过木头本人啦.他说:随便写,第一别全然照搬代码:第二能够说 ...

  6. cocos2d-x 3.0游戏实例学习笔记《卡牌塔防》第八部---怪物出场

    /* 说明: **1.本次游戏实例是<cocos2d-x游戏开发之旅>上的最后一个游戏,这里用3.0重写并做下笔记 **2.我也问过木头本人啦,他说:随便写.第一别全然照搬代码.第二能够说 ...

  7. cocos2d-x 3.0游戏实例学习笔记《卡牌塔防》第六步---炮台&amp;点击炮台加入英雄&amp;英雄升级

    /* 说明: **1.本次游戏实例是<cocos2d-x游戏开发之旅>上的最后一个游戏,这里用3.0重写并做下笔记 **2.我也问过木头本人啦,他说:随便写,第一别全然照搬代码:第二能够说 ...

  8. cocos2d-x 3.0游戏实例学习笔记 《跑酷》移植到android手机

    说明:这里是借鉴:晓风残月前辈的博客.他是将泰然网的跑酷教程.用cocos2d-x 2.X 版本号重写的,眼下我正在学习cocos2d-X3.0 于是就用cocos2d-X 3.0重写,并做相关笔记 ...

  9. cocos2d-x 3.0游戏实例学习笔记 《跑酷》第一步--- 开始界面

    说明:这里是平局:晓风残月前辈的博客.他是将泰然网的跑酷教程.用cocos2d-x 2.X 版本号重写的,眼下我正在学习cocos2d-X3.0 于是就用cocos2d-X 3.0重写,并做相关笔记 ...

随机推荐

  1. UVA 10718 Bit Mask 贪心+位运算

    题意:给出一个数N,下限L上限U,在[L,U]里面找一个整数,使得N|M最大,且让M最小. 很明显用贪心,用位运算搞了半天,样例过了后还是WA,没考虑清楚... 然后网上翻到了一个人家位运算一句话解决 ...

  2. AIX用户管理

    用户和组管理     /etc/passwd     /etc/security/.profile     /etc/security/limits     /etc/security/passwd ...

  3. Swift - 给表格UITableView添加索引功能(快速定位)

    像iOS中的通讯录,通过点击联系人表格右侧的字母索引,我们可以快速定位到以该字母为首字母的联系人分组.   要实现索引,我们只需要两步操作: (1)实现索引数据源代理方法 (2)响应点击索引触发的代理 ...

  4. Android 界面滑动实现---Scroller类 从源码和开发文档中学习(让你的布局动起来)

    在android学习中,动作交互是软件中重要的一部分,其中的Scroller就是提供了拖动效果的类,在网上,比如说一些Launcher实现滑屏都可以通过这个类去实现..   例子相关博文:Androi ...

  5. Effective C++_笔记_条款00_基本术语

    (整理自Effctive C++,转载请注明.整理者:华科小涛@http://www.cnblogs.com/hust-ghtao/) 下面是每一位C++程序员都应该了解的C++词汇. 1  C++中 ...

  6. DELPHI XE7 新的并行库

    DELPHI XE7 的新功能列表里面增加了并行库System.Threading, System.SyncObjs. 为什么要增加新的并行库? 还是为了跨平台.以前要并行编程只能从TThread类继 ...

  7. 利用iframe技巧获取訪问者qq

    今天工作时,有个暂时加的好友问我,怎么利用web页面获取訪问者的qq. 曾经没有接触过,感觉到非常好奇,可是工作中脑子非常亢奋,转的快,利用所学的知识迅速想到一条技巧,那就是假想用户在进入我们设定的页 ...

  8. Craig可能是个冲浪爱好者

    最近有个叫Dweeb的Mac管理员,在他的blog中声称发现,主管OS X和iOS等软件产品的苹果资深副总裁Craig是一个冲浪爱好者.他通过对6月10日的苹果WWDC发布会视频的研究,指出Craig ...

  9. 内核编程实例,多文件的Makefile

    内核编程实例,多文件的Makefile 经典的hello word测试 ////# cat hello.c #include <linux/module.h> #include <l ...

  10. 一起talk C栗子吧(第十二回:C语言实例--单链表一)

    各位看官们,大家好.从今天開始,我们讲大型章回体科技小说 :C栗子.也就是C语言实例.闲话休提, 言归正转. 让我们一起talk C栗子吧! 看官们,上一回中咱们没有说详细的样例,并且是说了样例中的文 ...