Cocos2d-x 小小的坐标编辑器

版本：cocos2d-x 3.10     语言：C++

 

昨天做了一天的功能，简直没时间，不过学到的挺多的。主要是一个RenderTexture制作一个橡皮擦功能，网上有教程，但是不够简洁明白，有一些内部原理没有讲清，下一节的话给大家介绍一下。

 

这一节给大家带来的一个小小的坐标编辑器，是之前凌晨12点半熬夜熬到2点多做出来的，主要是项目组什么工具都没有，也没有用CocosStudio，所以所有的UI界面都得程序弄出来。

 

这次又要做一个伪随机坐标的效果，我想着就自己做了个小编辑器。

 

内部原理很简单，大家基本上学完cocos2d-x基础就能做了，代码的打包就不发了，有需要的话联系我吧，或者一起来学习学习加个好友也行：QQ542155386。

 

然后进入正题，一个坐标编辑器，首先我这个只有一个背景加上一个要添加的图片（需要生成多个），要在里面手动的添加坐标，就先得读取背景图片的大小，然后生成窗口，但是失败了，不能AppDelegate中创建精灵，算了先直接写死吧：

static cocos2d::Size designResolutionSize = cocos2d::Size(439, 236);static cocos2d::Size smallResolutionSize = cocos2d::Size(439, 236);

有需要的话得过来调，稍微有点麻烦，暂时就这样。

 

基本的场景类写好，然后添加一个按钮作用是添加一个要设置坐标的精灵，我这边用Button控件了：

Button* buttonAddSprite = Button::create("CloseNormal.png", "CloseSelected.png");buttonAddSprite->addTouchEventListener(CC_CALLBACK_2(InitPointScene::addSprite, this));  //添加监听事件buttonAddSprite->setPosition(Vec2(visibleSize.width-40, visibleSize.height-40));this->addChild(buttonAddSprite, 1);buttons.push_back(buttonAddSprite);  //把button保存到一个容器中，以后有用哦

创建一个坐标后，监听本类的addSprite事件：

void InitPointScene::addSprite(Ref* obj, Widget::TouchEventType type){if (type != Widget::TouchEventType::ENDED)return;Size visibleSize = Director::getInstance()->getVisibleSize();Sprite* sprite = createSprite();  //创建一个需要的精灵this->addChild(sprite);sprites.push_back(sprite);sprite->setPosition(visibleSize.width / 2, visibleSize.height / 2);labelNum->setString(Value((int)sprites.size()).asString());  //每添加一个精灵刷新一次界面的数字显示标签，表明已经有多少个精灵了}

很简单，当玩家松开按钮的时候创建一个精灵，然后加入子节点，再把他们放到一个容器中以便以后读取坐标方便。

 

再来看看具体的createSprite方法内容：

Sprite* InitPointScene::createSprite(){Size visibleSize = Director::getInstance()->getVisibleSize();Sprite* sprite = Sprite::create("5.png");  //创建一个精灵，这边固定直接写了//事件监听auto listener = EventListenerTouchOneByOne::create();listener->setSwallowTouches(true);  //吞掉事件，否则叠加在一起的精灵会一起动listener->onTouchBegan = [sprite](Touch* touch, Event* event){if (!sprite->getBoundingBox().containsPoint(touch->getLocation()))return false;sprite->setScale(1.1f);  //选中移动的精灵会放大return true;};listener->onTouchMoved = [sprite](Touch* touch, Event* evnet){Size visibleSize = Director::getInstance()->getVisibleSize();Vec2 pos = touch->getLocation();int x = pos.x, y = pos.y;x = std::min(std::max(x, 0), (int)visibleSize.width);  //不让精灵移出背景框y = std::min(std::max(y, 0), (int)visibleSize.height);sprite->setPosition(x, y);  //设置到鼠标移动的坐标};listener->onTouchEnded = [sprite](Touch* touch, Event* event){sprite->setScale(1.0f);  //回到原来的大小};Director::getInstance()->getEventDispatcher()->addEventListenerWithSceneGraphPriority(listener, sprite);  //注册事件return sprite;}

核心代码就一句话sprite->setPostion(x, y)，也没有复杂的逻辑，不过还是要对cocos2d-x常用的东西比较熟悉了。

 

以上代码就能实现创建一个精灵，并在背景内随意拖动的效果了，来看看我的吧：

嗯，效果不错，左上角数字标签，玩家们自己创建一个吧。

 

最后是生成坐标序列，因为不打算存到文件中读取，直接把坐标内容放到C++文件中，所以生成坐标序列就OK。一样，先添加个Button：

Button* buttonInitPoint = Button::create("CloseNormal.png", "CloseSelected.png");buttonInitPoint->addClickEventListener(CC_CALLBACK_1(InitPointScene::initPoint, this));  //监听事件buttonInitPoint->setPosition(Vec2(visibleSize.width - 40, visibleSize.height - 80));this->addChild(buttonInitPoint, 1);buttons.push_back(buttonInitPoint);

这次用Click，然后来看看具体监听的内容：

void InitPointScene::initPoint(Ref* obj){std::string str_x = "{ ";std::string str_y = "{ ";bool first = true;for (auto sprite : sprites){int x = sprite->getPositionX();  //获取每一个精灵的坐标，存入相应的字符串int y = sprite->getPositionY();if (first){str_x.append(StringUtils::format("%d", x));str_y.append(StringUtils::format("%d", y));first = false;}else{str_x.append(StringUtils::format(", %d", x));str_y.append(StringUtils::format(", %d", y));}}str_x.append(" }");str_y.append(" }");CCLOG(str_x.c_str());  //打印字符串CCLOG(str_y.c_str());}

点击一下按钮，我们就获取到了想要的东西了：

然后我还做了数据的持久化，把坐标内容保存磁盘中，退出再回到编辑器的时候会读取该内容。还有按钮的隐藏和显示。详细的就不介绍了。

 

如果有空把这个坐标编辑器做得更加的适用于多种情况，可以手动导入图片、背景，设置坐标，我就再再写一节内容，敬请期待。

 

做Cocos开发真心还是挺有趣的，之前是学的JavaWeb、然后是CCIE、最后转到游戏开发的，到现在也就半年功夫吧，知识很多，准备接下来深入底层。大家有空来逛逛交流交流。