用cocos2d-x绘制光滑的Bezier曲线

时间:2014-05-01 14:46:16

标签: c++ cocos2d-x cocos2d-x-3.0

这可能与此question重复, 但我不知道如何在我的应用程序中应用这种方法,以及我应该在cocos2d-x中使用哪种方法来绘制Bezier曲线。我的应用程序应该允许用户在触摸画布时绘制线条和曲线。我怎样才能做到这一点?

2 个答案:

答案 0 :(得分:5)

从Cocos2dx v3.3开始,您可以使用DrawNode绘制Bezier曲线。检查DrawPrimitivesTest.cpp,它非常易于使用。 这只是从上述文件中提取的示例脚本。您可以在场景中的任何位置使用它:

auto draw = DrawNode::create();
addChild(draw, 10);

auto s = Director::getInstance()->getWinSize();
draw->drawQuadBezier(Vec2(0, s.height), Vec2(s.width/2, s.height/2), Vec2(s.width, s.height), 50, Color4F(CCRANDOM_0_1(), CCRANDOM_0_1(), CCRANDOM_0_1(), 0.5));  
draw->drawCubicBezier(VisibleRect::center(), Vec2(VisibleRect::center().x+30,VisibleRect::center().y+50), Vec2(VisibleRect::center().x+60,VisibleRect::center().y-50),VisibleRect::right(),100, Color4F(CCRANDOM_0_1(), CCRANDOM_0_1(), CCRANDOM_0_1(), 0.5));

答案 1 :(得分:1)

在CCDrawPrimitives.cpp文件中。

您可以使用此方法。

ccDrawCubicBezier
ccDrawQuadBezier

-MyClass::draw() {
    glLineWidth(4.0f);
    ccPointSize(4);

    //Draw a blue quadratic bezier curve
    ccDrawColor4B(0, 0, 255, 255);
    ccDrawQuadBezier(ccp(90,0), ccp(200, 70), ccp(350,0), 12);

    //Draw cubic red bezier curve
    ccDrawColor4B(255, 0, 0, 255);
    ccDrawCubicBezier(ccp(100,100), ccp(300,150), ccp(250,50), ccp(350,100), 12);

    //Restore original values
    glLineWidth(1);
    ccDrawColor4B(255,255,255,255);
    ccPointSize(1);
}

每次移动触摸位置时,都会调用ccTouchesMoved方法,如您所知。
您可以使用方法和成员变量控制曲线形状。