Cocos用鼠标画GraPhics矩形框ts实现

在Cocos2d-x中，使用鼠标画出图形矩形框通常不是直接的操作，因为游戏引擎本身并不支持直接的鼠标绘图功能。不过，你可以通过模拟鼠标的点击和拖动来实现类似的效果，例如创建一个自定义的Input Delegate或者使用一些第三方库。
以下是一个简化的步骤概述：

设置Input Handler:
首先，你需要将你的游戏视图设置为接受鼠标输入。这可以通过设置Director::getInstance()->setInputMode(Director::INPUT_MODE_MOUSE)来完成。

处理触摸事件:
在你的Node上注册触摸事件监听器。当接收到ccTouchesBegan, ccTouchesMoved, 和 ccTouchesEnded事件时，分别对应鼠标按下、移动和抬起。

auto self = static_cast<Node*>(node);
self->setUserInteractionEnabled(true);

self->onMouseDragged = CC_CALLBACK_1(MyClass::onMouseDragged, this);
self->onMouseDown = CC_CALLBACK_1(MyClass::onMouseDown, this);
self->onMouseUp = CC_CALLBACK_1(MyClass::onMouseUp, this);
登录后复制

绘制矩形:
可能需要一个临时的ShapeNode或PolygonNode存储鼠标轨迹生成的矩形顶点。在onMouseDown里开始，每次onMouseMove更新顶点，然后在onMouseUp时结束并绘制。

std::vector<vec2> vertices;

void onMouseDown(Touch *touch, Event *event) {
vertices.push_back(touch->getLocationInView());
}

void onMouseMove(Touch *touch, Event *event) {
vertices.push_back(touch->getLocationInView());
}

void onMouseUp(Touch *touch, Event *event) {
// 停止接收移动事件
self->removeEventListenerWithId(onMouseMoveId);

// 创建PolygonNode或ShapeNode
auto rectangle = cocos2d::Polyline::create(vertices.data(), vertices.size());
rectangle->setColor(Color3B::RED); // 设置颜色
rectangle->setName("Rectangle"); // 标识这个形状

// 添加到场景中
addChild(rectangle);
}
登录后复制
请注意，这只是一个基本示例，实际实现可能会因为具体需求而有所不同，例如你可能需要考虑鼠标滚轮缩放、旋转等因素。如果要直接在屏幕上绘图，你可能需要寻找一些扩展库，如Cocos Creator的Canvas API，它们提供了更高级的绘图工具。