Зубчатые края в Cocos2D - проблема сглаживания?

В настоящее время мы разрабатываем игру, включающую графы (узлы, соединенные ребрами), и мы хотим иметь возможность перемещать узлы вокруг. У нас есть движущиеся узлы (реагирующие на прикосновения), но когда ребра (инициализированные с помощью изображений.png) повторно визуализируются в результате перемещения узлов, они выглядят неровными. Мы пытались поиграть с Aliasing и Anti-Aliasing, но края неровные независимо от того, что мы делаем.

Вот где мы инициализируем края изображения (с файлом изображения):

-(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.

Любая помощь будет принята с благодарностью. Спасибо!

ОБНОВЛЕНИЕ: изображение, показывающее проблему:

1 ответ

Решение

У меня есть решение! Следуйте разделу "Добавление MainWindow.xib" этого руководства: http://www.raywenderlich.com/4817/how-to-integrate-cocos2d-and-uikit

Каким-то образом передача части графической ответственности UIKit решает проблему. Рэй мой спаситель.

РЕДАКТИРОВАТЬ: Это только кажется, чтобы решить проблему на Ipad. Понятия не имею почему.

РЕДАКТИРОВАТЬ 2: игнорировать все это; все сглаживания должны были делать симуляцию масштабирования. Вместо этого, помогите мне понять, что означает этот пост: http://www.cocos2d-iphone.org/forum/topic/4773

Другие вопросы по тегам