Cocos2d-x中的draw绘制

转载 2013年07月13日 21:10:45
【一】:函数


       //1.设置绘制颜色

1.ccDrawColor4B("红","绿","蓝","透明");

       //2.设置绘制线宽

2.glLineWidth(线条宽度);

       //3.绘制一条直线

3.ccDrawLine("起点坐标","终点坐标");

       //4.设置点的大小

4.ccPointSize("半径");

       //5.绘制一个点

5.[1]ccDrawPoint("点的坐标");

5.[2]ccDrawPoints("点的坐标数组","数量");

       //6.绘制一个圆形

6.[1]ccDrawCircle("中心点坐标","半径f","角度f","分段数","显示半径","X轴放大倍数f","Y轴放大倍数f");

6.[2]ccDrawCircle("中心点坐标","半径f","角度f","分段数","显示半径");

       //7.绘制空心多边形

7.ccDrawPoly("顶点数组","点数量","是否自动封闭");

       //8.绘制实心多边形

8.ccDrawSolidPoly("顶点数组","点数量","颜色4F");

       //9.绘制填充矩形

9.ccDrawSolidRect("对角顶点1","对角顶点2","颜色4F");

       //10.绘制空心矩形

10.ccDrawRect("对角顶点1","对角顶点2");

       //11.绘制平面贝赛尔曲线

11.ccDrawQuadBezier("起始点","控制点","结束点","分段数");

       //12.绘制立体贝赛尔曲线

12.ccDrawCubicBezier("起始点","控制点1","控制点2","结束点","分段数");


颜色:

ccDrawColor4B("红f","绿f","蓝f","透明f");//红、绿、蓝、透明、满值均为255

ccDrawColor4F("红f","绿f","蓝f","透明f");//红、绿、蓝、满值均为255,透明满值为1


【二】:示例


1.老规矩,先开始新建个项目命名Drawdemo

2.疯狂编码:


Drawdemo.h


1.重写draw函数

virtual void draw();


[gl.paea.cn-draw1.png]


Drawdemo.cpp

       这里注意,一定要保留背景,否则透明度没法体现,即使设置为0也不透明。


实现draw函数


void Drawdemo::draw(){

   //-new-//

   CCSize mysize=CCDirector::sharedDirector()->getWinSize();

   //画个猥琐的直线

   ccDrawColor4B(255,255,255,130);

   glLineWidth(3);

   ccDrawLine(ccp(100,200),ccp(mysize.width-100,200));

   //再画个可爱的圈圈

   ccDrawColor4B(255,255,100,190);

   glLineWidth(3);

   ccDrawCircle(ccp(mysize.width/2,mysize.height/2),100,0,360,1,2,1);

   //再来画个点

   ccDrawColor4B(255,25,200,250);

   glLineWidth(3);

   ccPointSize(10);

   ccDrawPoint(ccp(mysize.width/2,mysize.height/2));

   //再来画个空心矩形

   ccDrawColor4B(24,25,200,140);

   glLineWidth(3);

   ccDrawRect(ccp(100,100),ccp(300,200));

   //再来个实心的

   ccDrawSolidRect(ccp(110,210),ccp(310,110),ccc4f(255,255,255,0.5f));

   //再来画个空心多边形

   ccDrawColor4B(240,225,100,130);

   glLineWidth(3);

   CCPoint Polyarray[]={ccp(20,100),ccp(50,40),ccp(250,420),ccp(510,450),ccp(210,140)};

   ccDrawPoly(Polyarray,5,1);

   //再来个实心的多边形

   CCPoint Polyarray2[]={ccp(120,150),ccp(150,420),ccp(350,120),ccp(310,250),ccp(320,170)};

   ccDrawSolidPoly(Polyarray2,5,ccc4f(142,245,70,0.3f));

   //绘制平面贝赛尔曲线

   ccDrawColor4B(100,100,100,255);

   ccDrawQuadBezier(ccp(0,320),ccp(160,100),ccp(480,320),100);

   //绘制立体贝赛尔曲线

   ccDrawColor4B(200,200,200,255);

   ccDrawCubicBezier(ccp(0,0),ccp(160,300),ccp(320,20),ccp(480,320),100);

   //-new-//

}
【转载】

cocos2dx lua draw

local myDrawNode=cc.DrawNode:create() self:addChild(myDrawNode, 10) myDrawNode:setPosition(c...
  • lyctianya
  • lyctianya
  • 2015年05月05日 15:23
  • 1256

CCDrawPrimitives,CCDrawNode解析

CCDrawPrimitives: 源码: /** @file Drawing OpenGL ES primitives.OpenGL 图元绘制 - drawPoint, drawP...
  • c_boy_lu
  • c_boy_lu
  • 2015年08月26日 23:24
  • 1062

Cocos2d-x中的draw绘制

【一】:函数 //1.设置绘制颜色 1.ccDrawColor4B("红","绿","蓝","透明"); //2.设置绘制线宽 2.glLineWidth(线条宽...
  • shan165310175
  • shan165310175
  • 2013年07月13日 21:10
  • 2993

Cocos2d-x从入门到精通第六课《自定义绘制》

一.自定义绘制 一个图形引擎,总是由构建点,线,面的绘制功能写起来的。点,线,面。构成了最初的图形基础。所以说,掌握点,线,面是掌握引擎的基础。 Cocos2d-x 2.0的时候开始有的使用DrawP...
  • wocacaaa
  • wocacaaa
  • 2015年08月31日 17:00
  • 1096

cocos2dx-draw绘制

声  明        本教程仅用于初学cocos2dx同学使用,内容由本人(孤狼)学习过程中笔记编写,本教程使用cocos2dx版本为2.1.4。本教程内容可以自由转载,但必须同时...
  • jianpengxuexikaifa
  • jianpengxuexikaifa
  • 2014年07月03日 11:59
  • 3017

绘制draw table里面的cell

//.h #import @interface Cell : UITableViewCell // 标题 @property(nonatomic, strong) NSString ...
  • muzeng
  • muzeng
  • 2014年10月13日 16:41
  • 654

CCDrawingPrimitives(使用gl原始方法 绘制Points Line Rect Poly Circle Bezier CatmullRom CardinalSpline。。。。)

/*  *  * IMPORTANT       IMPORTANT        IMPORTANT        IMPORTANT  *  *  * LEGACY ...
  • sssssNian
  • sssssNian
  • 2014年05月21日 19:02
  • 1086

COCOS学习笔记--自定义绘制

最近购买了曹世博老师关于cocos引擎的学习教程,打算重新再系统梳理一下cocos相关的知识结构,学习之余把自己的一些收获和理解总结记录下来,方便日后自己回顾并同时希望本笔记可以对各位cocos学习者...
  • gzy252050968
  • gzy252050968
  • 2015年12月31日 15:58
  • 1317

Cocos2d-x学习笔记(13)(draw绘制)

GL状态默认开启,不需再次设置。         glEnableClientState
  • yuxikuo_1
  • yuxikuo_1
  • 2014年06月08日 16:28
  • 1497

Android View 绘制流程(Draw) 完全解析

前言前几篇文章,笔者分别讲述了DecorView,measure,layout流程等,接下来将详细分析三大工作流程的最后一个流程——绘制流程。测量流程决定了View的大小,布局流程决定了View的位置...
  • a553181867
  • a553181867
  • 2016年06月02日 22:49
  • 4048
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Cocos2d-x中的draw绘制
举报原因:
原因补充:

(最多只允许输入30个字)