cocos2d-x中DrawNode常见的图像绘制函数

 继上次一次写cocos2dx的博客已经一个多月了啊,时间总是那么匆匆,回想这中间一个月竟然没有学习,真是蹉跎了岁月。最近买了一个mac,重新焕发了学习的氛围,几天的使用不得不说苹果的产品做得非常的不错。\(^o^)/~ 我不是打广告。。。

    第一次接触苹果的科技产品,忙着装xcode环境,装cocos2dx3.8引擎,折腾了几个小时终于搞定了,创建项目后编译的速度不得不说比VS快了不知道多少倍。兴奋下花了一晚上时间整理了下DrawNode下的一些绘制函数。

 

 //绘制矩形  (‘起始点’ , ‘目标点’ , ‘填充颜色’)

    auto rect=DrawNode::create();

    rect->drawRect(Vec2(0,0),Vec2(100,150), Color4F(1.0,0,0,1.0));

    this->addChild(rect);

    

    

    //绘制指定曲率的曲线  ('点数组','张力','段落','颜色')

    //参数说明:

    //congfig:点数组

    //tension:张力

    //segments:段落

    //color:颜色

    auto cardinalspline=DrawNode::create();

   

    auto array = PointArray::create(4);

    array->addControlPoint(Vec2(20, 20));

    array->addControlPoint(Vec2(40, 10));

    array->addControlPoint(Vec2(-10, 10));

    array->addControlPoint(Vec2(60, -10));

    array->addControlPoint(Vec2(10, 50));

    cardinalspline->drawCardinalSpline(array, 3, 10, Color4F(1.0,1.0,1.0,1));

    this->addChild(cardinalspline);

    

    

    //绘制默认曲率的曲线

    auto cat=DrawNode::create();

    cat->drawCatmullRom(array, 20, Color4F(1.0, 1.0, 1.0, 1.0));

    this->addChild(cat);

    

    

    //绘制圆  参数说明: (‘原点’,‘半径’,‘弧度’,‘分段(越大越接近圆)’,‘原点到弧度的线(bool)’,‘线条x缩放’,‘线条y缩放’,‘颜色’)

    auto circle=DrawNode::create();

    circle->drawCircle(Vec2(0, 0), 100, 45, 100, false, 1.0, 1.0, Color4F(1.0,1.0,1.0,1));

    this->addChild(circle);

    

    //绘制线段          (‘起点’ , ‘终点’ , ‘半线宽’ , ‘填充颜色’)

    auto segment=DrawNode::create();

    segment->drawSegment(Vec2(0, 0), Vec2(20, 20), 3.0, Color4F(0.4,0.6,0.8,1));

    this->addChild(segment);

    

    //绘制三角形         (‘顶点1′ , ‘顶点2′ , ‘顶点3′ , ‘填充颜色’)

    auto triangle=DrawNode::create();

    triangle->drawTriangle(Vec2(20,11), Vec2(133,44), Vec2(44,133), Color4F(0.5,0.6,0.7,1));

    this->addChild(triangle);

    

    //绘制多边形        (‘顶点数组’ , ‘顶点个数’ , ‘填充颜色’ , ‘轮廓粗细’ , ‘轮廓颜色’)

    auto polygon=DrawNode::create();

    Vec2 verts[]={Vec2(12,22),Vec2(56,66),Vec2(88,98),Vec2(124,54),Vec2(144,88)};//顶点数组

    polygon->drawPolygon(verts, 5, Color4F(1.0,0,0,1), 2, Color4F(0,0,1.0,1));

    this->addChild(polygon);

    

    //绘制二次贝塞尔图形        (‘起点’ , ‘控制点’ , ‘终点’ , ‘分段数’ , ‘填充颜色’)

    auto quad=DrawNode::create();

    quad->drawQuadBezier(Vec2(12,10), Vec2(22,33), Vec2(111,111), 20, Color4F(0.1,1.0,0.2,1));

    this->addChild(quad);

    

    //绘制三次贝塞尔图形    (‘起点’ , ‘控制点1′ , ‘控制点2′ , ‘终点’ , ‘分段数’ , ‘填充颜色’)

    auto cubic=DrawNode::create();

    cubic->drawCubicBezier(Vec2(0,0), Vec2(33,23), Vec2(75,96), Vec2(44,33), 22, Color4F(0.7,0,0,1));

    this->addChild(cubic);

    

    //绘制线段  ('起点','终点','宽度','颜色')

    auto dsegment=DrawNode::create();

    dsegment->drawSegment(Vec2(20, 22), Vec2(20,100), 2, Color4F(1.0,0.1,0.8,1));

    this->addChild(dsegment);

    

    //绘制线   ('起点','终点','颜色')

    auto line=DrawNode::create();

    line->drawLine(Vec2(33,33), Vec2(222,222), Color4F(1.0,1.0,0.2,1));

    this->addChild(line);

    

    //绘制圆点      (‘位置’ , ‘圆点半径’ , ‘填充颜色’)

    auto dot=DrawNode::create();

    dot->drawDot(Vec2(0,0), 5, Color4F(1.0, 1.0, 1.0, 1.0));

    rect->addChild(dot);    

    

    //设置坐标位置

    rect->setPosition(visibleSize/2);//设置矩形位置居中

    dot->setPosition(Vec2(0, 0));//设置圆点的位置

    cardinalspline->setPosition(visibleSize/2);//设置曲线位置

    circle->setPosition(visibleSize/2);

    segment->setPosition(visibleSize/2);

    triangle->setPosition(visibleSize/2);

    polygon->setPosition(visibleSize/5);

    quad->setPosition(Vec2(230,20));

    cubic->setPosition(visibleSize/2);

    dsegment->setPosition(Vec2(22,22));

    line->setPosition(Vec2(44,22));

    cat->setPosition(Vec2( visibleSize.width/2+50,visibleSize.height/2+20));

    

drawnode.png


  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值