cocos2d实现画笔功能及常用的绘制函数

 如果你想要程序中自己绘制一些图形，那么只需要重写一下CCNode的draw方法，并在里面实现你的绘制方法就行了：

  下面介绍一下常用的绘制函数：

//设置绘制颜色

ccDrawColor4B( GLubyte r, GLubyte g, GLubyte b, GLubyte a )

r : 红色份量  g : 绿色份量   b : 蓝色份量   a : 透明度 

4个参数的数值范围：0~255

ccDrawColor4F( GLfloat r, GLfloat g, GLfloat b, GLfloat a );

r : 红色份量  g : 绿色份量   b : 蓝色份量   a : 透明度

4个参数的数值范围：0~1的浮点数

//设置点的大小单位为像素

ccPointSize(GLfloat pointSize)

pointSize：点的大小 （这个只对点有效果）

//绘制一个点

ccDrawPoint(CGPoint point)

point : 点的坐标

//设置绘制线条的宽度

glLineWith(GLfloat width);

width : 线条宽度

//绘制一条线

ccDrawLine(CGPoint origin, CGPoint destination)

origin : 起始坐标 

destination : 终点坐标

//绘制多边形

ccDrawPoly(const CGPoint *vertices, NSUInteger numOfVertices, BOOL closePolygon)

vertices：顶点数组

numOfVertices：顶点数量

closePolygon：是否封闭多边形

//绘制填充多边形

ccDrawSolidPoly(const CGPoint *poli, NSUInteger numberOfPoints, ccColor4F color)

vertices：顶点数组

numOfVertices：顶点数量

color：填充颜色

//绘制矩形

ccDrawRect(CGPoint origin, CGPoint destination)

origon：矩形右上角的顶点

destination：矩形左下角的顶点

//绘制填充矩形

ccDrawRect(CGPoint origin, CGPoint destination , ccColor4F color)

origon：矩形右上角的顶点

destination：矩形左下角的顶点

color：填充颜色

//绘制圆形(这个方法可以用于绘制正多边形)

ccDrawCircle(CGPoint center, float radius, float angle, NSUInteger segments, BOOL drawLineToCenter)

center : 圆心点坐标

radius : 半径长度

angle : 圆形旋转角度值的范围是 0~2*M_PI（ M_PI = π）为一周（360度）

segments : 顶点数量（边数 = 定点数 - 1），当这个值为1时绘制的是一个点 ，2为一条直线，3为三角形.......定点数越大越趋近于圆，一般来说这个值为2*radius就足够了。

drawLineToCenter : 是否绘制半径线：绘制一条从中心点到第一个定点的线条

//绘制贝塞尔曲线

ccDrawCubicBezier(CGPoint origin, CGPoint control1, CGPoint control2, CGPoint destination, NSUInteger segments)

origin ：起始点

control1 ：控制点1

control2 ：控制点2

destination ：结束点

segments ：顶点数量

要注意一点你必须把这些方法写在draw方法中，否则不会被绘制到屏幕上。而且这些绘制方法会在每一帧调用一次，如果前一帧绘制的图形，在下一帧没有调用到，那么它们在下一帧就不会被绘制到屏幕上。当场景中添加的图片较多时帧数会降低，是因为图片越多描绘一次的时间越长，帧数就降低了。

下面我们来实现一个简单的画笔功能：

首先新建一个项目，在HelloWorldLayer头文件中添加一个实例变量：

NSMutableArray* drawAllarray;

这个是用来存储画笔痕迹的

并添加两个全局变量：colorType画笔颜色，lineWith画笔宽度

int colorType = 0;

int lineWith = 1;

然后在初始化方法里面添加如下代码：

//存储所有的画笔痕迹

        drawAllarray = [[NSMutableArray alloc] init];

        

        //设置菜单字体和颜色

        [CCMenuItemFont setFontName:@"AppleGothic"];

        [CCMenuItemFont setFontSize:15];

        //改变画笔颜色

        CCMenuItem* item1 = [CCMenuItemFont itemWithString:@"改变画笔颜色" target:self selector:@selector(updateDrawColor)];

        //撤销操作

        CCMenuItem* item2 = [CCMenuItemFont itemWithString:@"撤销操作" target:self selector:@selector(cancle)];

        //改变画线宽度

        CCMenuItem* item3 = [CCMenuItemFont itemWithString:@"改变画线宽度" target:self selector:@selector(updateLineWidth)];

        CCMenu * menu = [CCMenu menuWithItems:item1,item3,item2, nil];

        [menu alignItemsVertically];

        menu.position = ccp(50, 150);

        [self addChild:menu];

注册和删除单触点接收：

-(void)onEnter

{

    [super onEnter];

    [[[CCDirector sharedDirector] touchDispatcher] addTargetedDelegate:self priority:0 swallowsTouches:YES];

}

-(void)onExit

{

    [super onExit];

    [[[CCDirector sharedDirector] touchDispatcher] removeDelegate:self];

}

接着我们要触摸响应方法中存储画笔痕迹：

-(BOOL)ccTouchBegan:(UITouch *)touch withEvent:(UIEvent *)event

{

    CGPoint locationPoint = [self convertTouchToNodeSpace:touch];

    CCPointArray* pointarray = [[[CCPointArray alloc] init] autorelease];

    [pointarray addControlPoint:locationPoint];

    NSMutableArray* drawonearray = [[NSMutableArray alloc] init];

    [drawonearray addObject:[NSString stringWithFormat:@"%d",colorType]];

    [drawonearray addObject:[NSString stringWithFormat:@"%d",lineWith]];

    [drawonearray addObject:pointarray];

    [drawAllarray addObject:drawonearray];

    return YES;

}

-(void)ccTouchMoved:(UITouch *)touch withEvent:(UIEvent *)event

{

    CGPoint locationPoint = [self convertTouchToNodeSpace:touch];

    

    [(CCPointArray*)[[drawAllarray lastObject] lastObject] addControlPoint:locationPoint];

}

首次触摸响应方法里面定义了两个数组：

pointarray : 存储触点位置

drawonearray : 存储当前画笔颜色，宽度和触点位置

接着把存储有当前画笔信息的数组drawonearray添加到drawAllarray中。

在触摸移动的方法里存储当前画笔痕迹（出点位置）

接着在draw方法中把这些画笔描绘出来：

-(void)draw

{

    for (NSMutableArray* array in drawAllarray)

    {

        [self updatedrawcolorWith:[(NSString*)[array objectAtIndex:0] intValue]];

        [self lineWidth:[(NSString*)[array objectAtIndex:1] intValue]];

        CCPointArray* pointarray = [array lastObject];

        int l = pointarray.count;

        for (int i = 0; i < l; i++)

        {

            if (l > 1)

            {

                ccDrawLine([pointarray getControlPointAtIndex:i-1], [pointarray getControlPointAtIndex:i]);

            }

            else

            {

                ccDrawPoint([pointarray getControlPointAtIndex:i]);

            }

        }

    }

}

这里使用ccDrawLine把画笔痕迹连接起来这样我们的画笔功能就实现了。

下面是相关的其它方法：

//改变画笔颜色

-(void)updateDrawColor

{

    if (colorType == 3)

    {

        colorType = 0;

    }

    else

        colorType++;

    [self updatedrawcolorWith:colorType];

}

-(void)updatedrawcolorWith:(int) type

{

    switch (type)

    {

        case 0:

            ccDrawColor4F(1, 1, 1, 1);

            break;

        case 1:

            ccDrawColor4F(1, 0, 0, 1);

            break;

        case 2:

            ccDrawColor4F(0, 1, 0, 1);

            break;

        case 3:

            ccDrawColor4F(0, 0, 1, 1);

            break;

            

        default:

            break;

    }

}

//改变画线宽度

-(void)updateLineWidth

{

    if (lineWith > 4)

    {

        lineWith = 0;

    }

    lineWith++;

    glLineWidth(lineWith);

}

-(void)lineWidth:(int)type

{

    glLineWidth(type);

}

//撤销操作

-(void)cancle

{

    [drawAllarray removeLastObject];

}

运行截图2.8-1：