@interface ZOPanel : CCSprite
{id<ZOPanelDataSource> s_dataSource;
}
- (id)initWithDataSource:(id<ZOPanelDataSource>)dataSource;
+ (id)panelWithDataSource:(id<ZOPanelDataSource>)dataSource;
@end

@protocol ZOPanelDataSource <NSObject>
@required
@property (nonatomic, readonly) float Power;
@property (nonatomic, readonly) float Speed;
@property (nonatomic, readonly) float Endurance;;
@end
// before @interface

@implementation ZOPanel- (id)initWithDataSource:(id<ZOPanelDataSource>)dataSource;
{self = [super initWithSpriteFrameName:@"Panel.png"];if (self) {s_dataSource = dataSource;}return self;
}+ (id)panelWithDataSource:(id<ZOPanelDataSource>)dataSource;
{return [[[self alloc] initWithDataSource:dataSource] autorelease];
}

- (void)draw
{[super draw];//draw 方法是CCNode用来绘制自身显示内容的方法，将会在每个最小时间间隔dt内不断更新，一般要在CCNode中自己绘制点，线，面，都需要继承原来的draw方法，在之后添加自定义的绘制代码if (s_dataSource) {float power = s_dataSource.Power;//读取数据库Power属性float speed = s_dataSource.Speed;//读取数据库Speed属性float endurance = s_dataSource.Endurance;//读取数据库Endurance属性
ccDrawColor4F(0, 0, 0, 1);//设置OpenGL绘制图像的颜色为R:0，B:0，G:0，A:1CGPoint center = ccpAdd(self.anchorPointInPoints, ccp(0,-2));//计算绘制三角形的中心位置，在我的例子中为背景图像的中心向Y轴负方向移动2个像素，根据不同的背景图像，需要重新计算float redRotation = 90;//红色三角形定点的角度CGPoint powerDirection = ccpForAngle(CC_DEGREES_TO_RADIANS(redRotation));CGPoint speedDirection = ccpForAngle(CC_DEGREES_TO_RADIANS(redRotation + 120));CGPoint enduranceDirection = ccpForAngle(CC_DEGREES_TO_RADIANS(redRotation + 240));CGPoint powerPoint = ccpAdd(center, ccpMult(powerDirection, 1 + power * 15 / 50));//计算出Power顶点CGPoint speedPoint = ccpAdd(center, ccpMult(speedDirection, 1 + speed * 15 / 50));//计算出Speed顶点CGPoint endurancePoint = ccpAdd(center, ccpMult(enduranceDirection, 1 + endurance * 15 / 50));//计算出Endurance顶点CGPoint points[] = {powerPoint,speedPoint,endurancePoint};ccDrawSolidPoly(points, 3, ccc4FFromccc3B(ccBLACK));//调用Cocos2d的绘制方法，绘制一个黑色实心三角形
}

#import "ZOPanel.h"{ZOPanel *panel = [ZOPanel panelWithDataSource:self];[self addchild:panel];
}//实现数据库代理
- (float)Power
{reture 0;
}- (float)Speed
{reture 0;
}- (float)Endurance
{reture 0;
}