cocos2d3.x绘制图形DrawNode

今天，我们来学习如何使用cocos2d 3.x中的DrawNode类进行图形绘制。

代码实现

以下是一个在HelloWorld类的init方法中使用DrawNode绘制三角形、点和多边形的示例代码：

bool HelloWorld::init()
{
// 1. 首先调用父类的初始化方法
if (!Layer::init())
{
return false;
}

// 定义多边形的顶点
Point points[] = { Point(400, 400), Point(400, 500), Point(500, 500), Point(500, 400) };

// 创建DrawNode对象
auto dn = DrawNode::create();

// 绘制三角形
// 三个顶点分别为(100,100)、(200,200)、(100,300)，颜色为白色
dn->drawTriangle(Point(100,100), Point(200,200), Point(100,300), Color4F::WHITE);

// 绘制点
// 点的位置为(700,300)，半径为100，颜色为绿色
dn->drawDot(Point(700,300), 100, Color4F::GREEN);

// 绘制多边形
// 顶点数组为points，顶点数量通过计算得出，填充颜色为蓝色，边框宽度为2，边框颜色为白色
dn->drawPolygon(points, sizeof(points) / sizeof(points[0]), Color4F::BLUE, 2, Color4F::WHITE);

// 将DrawNode对象添加到当前层
addChild(dn);

return true;
}

代码解释

1. 父类初始化：在init方法中，首先调用Layer::init()来初始化父类。如果父类初始化失败，则返回false。
2. 定义顶点数组：使用Point数组points来存储多边形的顶点坐标。
3. 创建DrawNode对象：通过DrawNode::create()方法创建一个DrawNode对象，用于后续的图形绘制。
4. 绘制三角形：使用drawTriangle方法，传入三个顶点的坐标和颜色，即可绘制一个三角形。
5. 绘制点：使用drawDot方法，传入点的坐标、半径和颜色，即可绘制一个圆形的点。
6. 绘制多边形：使用drawPolygon方法，传入顶点数组、顶点数量、填充颜色、边框宽度和边框颜色，即可绘制一个多边形。
7. 添加到层：最后，将DrawNode对象添加到当前层，使其可见。

效果

运行上述代码后，你将在屏幕上看到绘制的三角形、点和多边形。

通过这种方式，你可以使用DrawNode类在cocos2d 3.x中轻松地绘制各种基本图形。