对openGLES的粗浅认识

BYCircleTextureFactory.h

//
//  BYCircleTextureFactory.h
//  SuperBalance1.1
//
//  Created by Bruce Yang on 8/1/11.
//  Copyright 2011 Home. All rights reserved.
//

#import "cocos2d.h"
#import "GameConfig.h"
#import "CirclePointsGenerator.h"
#import "BYTextureDef.h"
#import "BYSingle.h"


@interface BYCircleTextureFactory : NSObject {
	
}

+ (CCTexture2D*) genCircleTexture:(BYTextureDef*)textureDef;

@end

BYCircleTextureFactory.mm

//
//  BYCircleTextureFactory.mm
//  SuperBalance1.1
//
//  Created by Bruce Yang on 8/1/11.
//  Copyright 2011 Home. All rights reserved.
//

#import "BYCircleTextureFactory.h"


@implementation BYCircleTextureFactory

/**
 * 绘制出圆角多边形的轮廓，在内部填充颜色
 */
+ (void) glesDraw:(CGPoint*)vertices colors:(ccColor4F*)colors arrayLen:(int)arrayLen {
	// 第一件事情就是禁用GL_TEXTURE_2D 和 GL_TEXTURE_COORD_ARRA两个opengl状态，
	// 因为，我们接下来只需要绘制颜色---这与纹理无关。
	glDisable(GL_TEXTURE_2D);
	glDisableClientState(GL_TEXTURE_COORD_ARRAY);
	
	
	// 将顶点（x, y）数组和颜色（r, g, b, a）数组传给opengl
	glVertexPointer(2, GL_FLOAT, 0, vertices);
	glColorPointer(4, GL_FLOAT, 0, colors);
	glDrawArrays(GL_TRIANGLE_STRIP, 0, (GLsizei)arrayLen);
	
	
	// 最后，我们重新激活GL_TEXTURE_COORD_ARRAY 和 GL_TEXTURE_2D两个状态，
	// 这样做的话是保持和之前调用的对称，并且不会破坏opengl状态机。
	glEnableClientState(GL_TEXTURE_COORD_ARRAY);
	glEnable(GL_TEXTURE_2D);	
}


/**
 * 绘制1个像素的多边形圆角边框
 */
+ (void) drawOnePixelBorder:(CGPoint*)outBorderVetices verticesCount:(int)outBorderVeticesCount {
    // openGL就是一个状态机，使用得时候该有的状态必须有，不需要的状态必须 disable 掉!!! 
	glDisable(GL_TEXTURE_2D);
	glDisableClientState(GL_TEXTURE_COORD_ARRAY);
	glDisableClientState(GL_COLOR_ARRAY);
	
	glColor4f(0.0f, 0.0f, 0.0f, 1.0f);
	glVertexPointer(2, GL_FLOAT, 0, outBorderVetices);
	glDrawArrays(GL_LINE_LOOP, 0, outBorderVeticesCount);
	
	glEnableClientState(GL_COLOR_ARRAY);
	glEnableClientState(GL_TEXTURE_COORD_ARRAY);
	glEnable(GL_TEXTURE_2D);	
}


/**
 * 去除图片文件的后缀
 */
+ (NSString*) fileNameWithoutSuffix:(NSString*)fullName {
	NSMutableString *mutableString = [NSMutableString stringWithCapacity:50];	// 接收一下
	[mutableString appendString:fullName];
	
	NSString *suffix = [mutableString pathExtension];	// 获取文件后缀名
	NSString *handledSuffix = [NSString stringWithFormat:@"%@%@", @".", suffix];	// 使后缀名带上前面那个点儿
	NSRange suffixRange = [mutableString rangeOfString:handledSuffix];
	[mutableString deleteCharactersInRange:suffixRange];
	return mutableString;
}


/**
 * 将纹理、噪点图片与目标形状相混合，形状内的部分保留，形状外的部分剔除
 */
+ (void) textureOrNoiseBlend:(NSString*)imgName circleSize:(CGSize)circleSize {
	if(imgName != nil) {
		CCSprite *textureOrNoise;
		if([BYSingle getInstance].isIpad == NO) {
			textureOrNoise = [CCSprite spriteWithFile:imgName];
			textureOrNoise.position = ccp(circleSize.width/2, circleSize.height/2);
		} else {
			textureOrNoise = [CCSprite spriteWithFile:[NSString stringWithFormat:@"%@-hd.png", [self fileNameWithoutSuffix:imgName]]];
			textureOrNoise.position = ccp(circleSize.width, circleSize.height);
		}
		
		[textureOrNoise setBlendFunc:(ccBlendFunc){GL_DST_COLOR, GL_ZERO}];
		[textureOrNoise visit];	
	}
}


/**
 * 将texture的尺寸扩大为原来的四倍(因为这里是静态类，因此需将＋改为－)~
 */
+ (CGPoint*) convert2RetinaSize:(CGPoint*)vertices verticesCount:(int)verticesCount {
	CGPoint *target = new CGPoint[verticesCount];
	for(int i = 0; i < verticesCount; i ++) {
		target[i] = ccpMult(vertices[i], 2.0f);
	}
	return target;
}


/**
 * 生成带边框的圆形纹理~
 */
+ (CCTexture2D*) genCircleTexture:(BYTextureDef*)textureDef {
	
	// 1: Create new CCRenderTexture
	CGPoint sizePoint = textureDef.polygonVertexs[0];
	CGSize circleSize = CGSizeMake(sizePoint.x, sizePoint.y);
	CCRenderTexture *rt;
	if([BYSingle getInstance].isIpad == NO) {
		rt = [CCRenderTexture renderTextureWithWidth:circleSize.width height:circleSize.width];		
	} else {
		rt = [CCRenderTexture renderTextureWithWidth:circleSize.width*2 height:circleSize.width*2];
	}
	
    // 颜色为黑色(白色等其他颜色亦可，因为不透明度为0)
	ccColor4F bgColor1 = (ccColor4F){0.95f, 1.0f, 0.33f, 0.0f};
	
	// 就因为没有加上下面这句代码，害我足足找了两天，记住曝出的错误：OpenGL error 0x0504 in -[EAGLView swapBuffers]
	// 疯了，在网上查了下，说是什么 “堆栈下溢”，原来指的就是没有给 纹理打上底色？？！
	[rt beginWithClear:bgColor1.r g:bgColor1.g b:bgColor1.b a:bgColor1.a];
	
	
	CGPoint *finalResult = [CirclePointsGenerator genCirclePoints:circleSize];
	
	
	// 多边形的顶点数~
	int circleVertexCount = CIRCLE_SEGEMENTS_COUNT;
	
	// opengles绘制多边形边框总共的顶点数~
	int borderTotalCount = circleVertexCount * 2 + 2;
	CGPoint borderVertexs[borderTotalCount];
	ccColor4F borderColors[borderTotalCount];
	
	// 又有新的需求，不需要渐变边框，只需要圆角＋1px的外框
	int outBorderVeticesCount = CIRCLE_SEGEMENTS_COUNT + 1;
	CGPoint outBorderVetices[outBorderVeticesCount];
	
	
	// ************************* 对4代做修正~ *********************************
	if([BYSingle getInstance].isRetinaSupported) {
		finalResult = [self convert2RetinaSize:finalResult verticesCount:borderTotalCount];
	}
	if([BYSingle getInstance].isIpad == YES) {
		finalResult = [self convert2RetinaSize:finalResult verticesCount:borderTotalCount];
	}
	// ************************* 对4代做修正~ *********************************
	
	
	int k = 0;
	for(int i = 0; i < borderTotalCount; i ++) {
		borderVertexs[i] = finalResult[i];
		borderColors[i] = (ccColor4F){1.0f, 1.0f, 1.0f, 1.0f};
		if(i%2 == 0) {
			outBorderVetices[k] = finalResult[i];
			k += 1;
		}
	}
	outBorderVetices[k] = outBorderVetices[0];
	
	// --------------------------------- 蛋疼的分割线 ---------------------------------
	
	// opengles绘制多边形内容物总共的顶点数~
	int contentTotalCount;
	if(circleVertexCount%2 == 1) {
		// 如果是顶点数为奇数的多边形
		contentTotalCount = 3 + (circleVertexCount-3)/2*3;
	} else {
		// 如果是顶点数为偶数的多边形
		contentTotalCount = 5 + (circleVertexCount-4)/2*3;
	}
	CGPoint originalContentVertexs[circleVertexCount];
	CGPoint contentVertexs[contentTotalCount];
	ccColor4F contentColors[contentTotalCount];
	
	for(int i = 0; i < circleVertexCount; i ++) {
		originalContentVertexs[i] = finalResult[i * 2 + 1];
	}
	
	// 内部3角形的颜色，需一致设置为不透明度为1.0f的白色，便于与纹理图片 blend 获得纹理~
	ccColor4F contentColor = (ccColor4F){1.0f, 1.0f, 1.0f, 1.0f};
	
	int j = 1;
	for(int i = 0; i < contentTotalCount; i ++) {
		if(i%3 == 0) {
			contentVertexs[i] = originalContentVertexs[0];
		} else {
			contentVertexs[i] = originalContentVertexs[j];
			j = j + 1;
		}
		contentColors[i] = contentColor;
	}
	
	// 释放内存，避免野指针的存在(使用完毕之后立即回收在堆上new出来的内存)~
	delete finalResult;
	
	
	// 4: Draw into the texture
	// 一。首先以纯白填充多边形内容物，为绘制纹理和噪点做准备
	[self glesDraw:contentVertexs colors:contentColors arrayLen:contentTotalCount];
	
	
	// 二。绘制多边形边框
	[self glesDraw:borderVertexs colors:borderColors arrayLen:borderTotalCount];	
	
	// 三。混合木质纹理~
	[self textureOrNoiseBlend:textureDef.textureImgName circleSize:circleSize];
	
	
	// 四。混合噪点图片~
	[self textureOrNoiseBlend:textureDef.noiseImgName circleSize:circleSize];
	
    // 五。绘制1个像素宽度的外部边框~
//	[self drawOnePixelBorder:outBorderVetices verticesCount:outBorderVeticesCount];
	
	
	// 至此 textureDef 所占据的堆内存可以释放掉了!!
	// 搞死哥了，哥在后面又用到过这个东西，结果总是曝出 EXC_BAD_ACCESS
	// 不过虽然 delete 掉了 textureDef，但奇怪的是，有时候依然还是能够访问到多边形顶点数组的数据~
	delete textureDef;

	
	// 5: Call CCRenderTexture:end
	[rt end];
	
    // 6: Create a new Sprite from the texture
    return rt.sprite.texture;
}

@end