cocos2d for iPhone

A fast, easy to use, free, and community supported 2D game engine

1. 

   willf
   Member

   Hello all, I seem to be having a strange issue. I have my tile map and it looks fine when the scale is 1. But when I try to implement zoom out functoinality and set the scale to say, 0.5. I get strange gaps.

   My tiles are each 80 x 40. I set them to render without AA.

   I have followed the tips and tricks section but nothing seems to work.

   Here is what it looks like when scale = 1

   

   This is what it looks like when scale = 0.5

   

   One interesting to note is that there seems to be that cross section that has those gaps.. Almost like down the middle vertically and down the middle horizontally of the screen. This stays fixed in that location even if i move the map around. For instance if i move the map such that i drag it to the bottom right (or left) corner... the jagged gaps disappear.

   Anyone have any insight into this?

   (I'm using cocos2d 0.8.2)

   Posted 3 years ago #
2. 

   patrickC
   Member

   This has been discussed a thousand times....
   A search for the word "gap" returns lots of results:

   http://www.cocos2d-iphone.org/forum/topic/4219
   http://www.cocos2d-iphone.org/forum/topic/2654
   http://www.cocos2d-iphone.org/forum/topic/73
   http://www.cocos2d-iphone.org/forum/topic/2615
   http://www.cocos2d-iphone.org/forum/topic/1821

   And it's also discussed on the tips&tricks page on the wiki:
   http://www.cocos2d-iphone.org/wiki/doku.php/tips:generic

   Posted 3 years ago #
3. 

   gaminghorror
   Member

   Have you looked into ccConfig.h and turn the subpixel rendering off (by default it's on)? Maybe that helps.

   Posted 3 years ago #
4. 

   riq
   Key Master

   You can also try with:

   CCTMXLayer *layer = [map layerNamed:@"layer0"];
   
   [[[layer textureAtlas] texture] generateMipmap];

   Posted 3 years ago #
5. 

   willf
   Member

   Here's a list of things I tried:
   -Set 2d Projection
   -tried the sprite-sheet-artifact-fixer
   -when scrolling add a +0.5 to the position
   -I am on 0.8.2 but I copied the generateMipmap method from the latest release and tried that
   -I tried the RoundedUpdate category for MoveTo (even though I'm not using moveTo for the map), I did a quick test and added MoveTo action to the map, still the same
   -when getting the rect for the tiles i added 1px to the width
   -disabled sub pixel rendering

   None of them worked. The one thing that made a difference was

   glTranslatef(0.5f,0.5f,0);
   [super draw];
   glTranslatef(-0.5f,-0.5f,0);

   If my map was in the center of the screen there would be no gaps, but if i move the map to the bottom left corner, the gap would appear again.

   I am just setting the position. and using scale = 0.5f. Riq - i know in one of the other threads you asked if the person was using scale (they weren't). Could you tell me what are the implications of changing the scale

   Posted 3 years ago #
6. 

   riq
   Key Master

   @willf: so you are using the artifact fixer, right ? Could you try using antialiased tiles then ?

   CCTMXLayer *layer = [map layerNamed:@"layer0"];
   
   [[[layer textureAtlas] texture] setAntiAliasTexParameters];

   Posted 3 years ago #
7. 

   willf
   Member

   Okay i tried setting AA and this is what I get
   

   The strange gaps are no longer there but these blurred borders make the tiles not seem flush (the reason I originally had no AA in the first place was due to this issue). IS there anythig I could do programticcally to solve this issue?

   Posted 3 years ago #
8. 

   riq
   Key Master

   if the following worked for you:
   

   glTranslatef(0.5f,0.5f,0);
   [super draw];
   glTranslatef(-0.5f,-0.5f,0);

   Then, I would make sure that the map is always displayed in 0.5.

   You can do it by subclassing TMXTileMap:

   // TMXTileMap subclass
   
   -(void) setPosition:(CGPoint)p
   {
      int x = p.y;
      int y = p.y;
      [super setPosition:ccp( x + 0.5f, y+0.5f)];
   }

   Posted 3 years ago #
9. 

   willf
   Member

   
glTranslatef(0.5f,0.5f,0);
[super draw];
glTranslatef(-0.5f,-0.5f,0);


   What I meant before was that code made it behave slightly different. The gaps wouldn't occur until i dragged my map to the left side of the iphone screen. where as before, when the map was in the center of the screen that gaps would show.

   So i tried the position overriding and that didn't change anything.

   Posted 3 years ago #
10. 

    tien1504
    Member

    Hi, I also have the same problem with you, Willf. After trying using all of above ways, I didn't still get it work. But it worked ok now when I tried re-creating my tileset with space and margin EQUAL 0. You should try this way.

    Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.