绘制三次bezier曲线的COCOS2D-X-误差

Question

我试图画一条具有一定厚度的三次bezier路径，但曲线看起来像是一系列断开的线段（在我的例子中是3段）。这是一张截图（蓝色圆圈是曲线的控制点）。

我注意到在cocos2d-x测试中的“绘制原语”中也出现了同样的效果。不管怎样，我很确定应该有一个变通办法，但我自己找不到。此外，线条受到锯齿效应的影响，我不知道如何应用一个alpha阴影来避免它。

这是我使用的代码：

glLineWidth(24.0f);

Vec2 cp1 = Vec2(200, 200);
Vec2 cp2 = Vec2(1300, 150);
Vec2 cp3 = Vec2(170, 1200);
Vec2 cp4 = Vec2(1400, 1000);

//Draw control points
DrawPrimitives::setDrawColor4B(0, 0, 255, 255);
DrawPrimitives::drawSolidCircle(cp1, 50, 360, 120, 1, 1);
DrawPrimitives::drawSolidCircle(cp2, 50, 360, 120, 1, 1);
DrawPrimitives::drawSolidCircle(cp3, 50, 360, 120, 1, 1);
DrawPrimitives::drawSolidCircle(cp4, 50, 360, 120, 1, 1);

//Draw cubic red bezier curve
DrawPrimitives::setDrawColor4B(255, 0, 0, 255);
DrawPrimitives::drawCubicBezier(cp1, cp2, cp3, cp4, 50);

Answer 1

这种断裂效应是由线条的endpoint之间缺乏路径连接造成的。

OpenGL首先是为快速扫描线光栅化而设计的，如果你想这样使用它，它并不总是那么漂亮。

可能有一些快速而肮脏的变通方法来获得合理的结果，比如在endpoint画圈来填充内容。