В настоящее время мы разрабатываем игру, включающую графы (узлы, соединенные ребрами), и мы хотим иметь возможность перемещать узлы. У нас есть узлы, движущиеся (реагирующие на прикосновение), но когда ребра (инициализированные изображениями .png) повторно визуализируются в результате перемещения узлов, они выглядят неровными. Мы пробовали играть с алиасингом и сглаживанием, но края получаются неровными независимо от того, что мы делаем.
Здесь мы инициализируем краевые изображения (с файлом изображения):
-(id) initWithSet:(int)setNum Level:(int) levelNum
{
if( (self=[super init]) ) {
<code omitted>
for (NSArray *e in self.level.targetGraph) {
<code omitted>
CCSprite *edgeOutline = [CCSprite spriteWithFile:@"EdgeOutline.png"];
[edgeOutline setPosition:ccp((ax+bx)/2, (ay+by)/2)];
edgeOutline.scaleX = (dist * edgeOutline.scaleX)/edgeOutline.contentSize.width;
edgeOutline.scaleY = (self.nodeSize * 0.5 * edgeOutline.scaleY)/edgeOutline.contentSize.height;
edgeOutline.rotation = -angle;
[outlines addChild:edgeOutline];
CCSprite *edgeFill = [CCSprite spriteWithFile:@"EdgeFill.png"];
[edgeFill setPosition:ccp((ax+bx)/2, (ay+by)/2)];
edgeFill.scaleX = (dist * edgeFill.scaleX)/edgeFill.contentSize.width;
edgeFill.scaleY = (self.nodeSize * 0.4 * edgeFill.scaleY)/edgeFill.contentSize.height;
edgeFill.rotation = -angle;
[fills addChild:edgeFill];
}
return self;
}
И здесь мы обновляем рисунки ребер (используя вторую половину метода nextFrame):
- (void) nextFrame:(ccTime)dt {
for (NSArray *e in self.level.graph) {
CCSprite *a = [self.graphNodeOutlines objectForKey:[e objectAtIndex:0]];
double ax = a.position.x;
double ay = a.position.y;
CCSprite *b = [self.graphNodeOutlines objectForKey:[e objectAtIndex:1]];
double bx = b.position.x;
double by = b.position.y;
double dx = ax-bx;
double dy = ay-by;
double angle = 90;
if (dx != 0) {
angle = atan2(ay-by, ax-bx)*180/M_PI;
}
double dist = sqrt(dx*dx+dy*dy);
//TODO: get anti-aliasing to work in this next part!
CCSprite *edgeOutline = [self.graphEdgeOutlines objectForKey:e];
[edgeOutline setPosition:ccp((ax+bx)/2, (ay+by)/2)];
edgeOutline.scaleX = (dist)/edgeOutline.contentSize.width;
edgeOutline.scaleY = (self.nodeSize * 0.25)/edgeOutline.contentSize.height;
edgeOutline.rotation = -angle;
//The line we hoped would fix the jagged edge problem.
[[edgeOutline texture] setAntiAliasTexParameters];
CCSprite *edgeFill = [self.graphEdgeFills objectForKey:e];
[edgeFill setPosition:ccp((ax+bx)/2, (ay+by)/2)];
edgeFill.scaleX = (dist)/edgeFill.contentSize.width;
edgeFill.scaleY = (self.nodeSize * 0.2)/edgeFill.contentSize.height;
edgeFill.rotation = -angle;
//The (same) line we hoped would fix the jagged edge problem.
[[edgeFill texture] setAntiAliasTexParameters];
}
}
Мы используем Cocos2D v2.0 и XCode v4.5.
Любая помощь будет принята с благодарностью. Спасибо!
ОБНОВЛЕНИЕ: Изображение, показывающее проблему:
