Hi, I am new to cocos2d and I need some help. This might sound like a stupid question but I am making a tilemap game that uses multiple tilemaps, for inside houses and etc, and I am trying to make it so that if a tap a tile it will run a new scene or a method, for example tapping a vending machine and running a buy item scene,but I have no clue how to do this please help. Examples would be very helpful.

Thanks.

I'm having issues with retrieving the correct coordinates for a selected hex tile. The initial 2 or 3 left most columns are register fine. As I select those further to the right of the map, the coordinates returned are off. For testing I toggle the registered tiles visibility which allows me to visualize the tile coordinates it's registered.

To simplify further, I'm not adjusting the scale of the tilemap; although I will eventually. Does anyone have a method that accurately converts touch location to hex tile coordinates?

I currently have an Isometric TileMap with Sprites that are larger than one tile. The sizes are not uniform. I need to be able to draw them in the right order. From what I know so far I can either:

Split all the Sprites Up into pieces - making z ordering very easy, but I wish to animate some sprites, and that would be a pain.
Have Uniform sprite sizes - not an option as I already mentioned.

I have heard the term Z-buffering thrown around and iv also seen that you can enable this in cocos2d, but I'm not sure if this is what I'm looking for?

I would be very thankful if you could share how you would approach this.

Hi all
I'm interested in how to make a move when the user is an isometric map to scroll it.
Thank you very much for your reply.

Hey all,

Okay, I've been having a problem. I'm making a simple tiled RPG-like game using Tiled and Cocos2D. Following one of Ray Wenderlich's tutorials (found here: http://www.raywenderlich.com/1186/collisions-and-collectables-how-to-make-a-tile-based-game-with-cocos2d-part-2 ), I managed to add collision to my tiled map. However, I didn't like the way he implemented movement in the game and instead opted for a directional pad. I found a very nice bit of code called EasyArrows (found here: http://www.cocos2d-iphone.org/forum/topic/7692 ) that accomplished exactly what I was hoping to do. The problem I'm facing is that I can get the two to work separately but not together. Before I add EasyArrows, the collision and movement work just fine. After I add EasyArrows, my character sprite completely ignores the collision, but he moves how I want him to.

As you might have guessed, I'm a bit of a newbie still, but I'm starting to get the hang of things. One of the best ways to learn is to make mistakes, eh? :P

If you'd like to see any specific segments of code, let me know. I'll post them here.

Thanks guys!

EDIT:

I've decided to go ahead and put my code in anyway.

"stLayer" is the collision tile layer in my Tiled map (see Ray's tutorial for details)
"mage" is my player sprite

-----

HelloWorldLayer.m

// This is the part of the EasyArrows code that you place within the HelloWorldLayer
-(void)update:(ccTime)dt{

    if ([[menu getButton:2]isSelected])
    {
        mage.position = ccp(mage.position.x,mage.position.y + 3);
    }
    if ([[menu getButton:8]isSelected])
    {
        mage.position = ccp(mage.position.x,mage.position.y - 3);
    }
    if ([[menu getButton:4]isSelected])
    {
        mage.position = ccp(mage.position.x + 3,mage.position.y);
    }
    if ([[menu getButton:6]isSelected])
    {
        mage.position = ccp(mage.position.x - 4,mage.position.y);
    }
}

// This is Rey's code for the collision

-(void) setPlayerPosition:(CGPoint)position{
    CGPoint tileCoord = [self tileCoordForPosition:position]; 

    int tileGid = [stLayer tileGIDAt:tileCoord]; 

    if(tileGid){ 

        NSDictionary *properties = [theMap propertiesForGID:tileGid]; 

        if(properties){
            NSString *collision = [properties valueForKey:@"Collidable"];
            if (collision && [collision compare:@"True"] ==NSOrderedSame) {
                return;
            }
        }

    }

    mage.position = position;
}

// This converts tiles to coordinates
-(CGPoint)tileCoordForPosition:(CGPoint)position{
    int x = position.x/theMap.tileSize.width;
    int y = ((theMap.mapSize.height * theMap.tileSize.height)-position.y)/theMap.tileSize.height;
    return ccp(x,y);
}

hi, i created a tileMap with a size of 480 wide x 640 high. So I'm only using this for standard display (480 x 320), so the problem is when i pan the tile map vertically to say ccp (0,320), the bottom of the screen will be the middle of the tile map. but how do i specify the coordinates for any touch position above ccp(0,320)? if i log the touch after panning the screen, i still get the range of ccp(0,0) to ccp(0,320)? i want to increase the y axis to ccp(0,640) since i want to add sprites from ccp(0,320) to ccp(0,640). thanks

For the menu background of Nitroman i am using a tile-map with a moved camera. When i start a game-level the tile-map within the game is working like it should, but if i go back to the main screen the Menu-tile-map is messed up.

Here is the working menu background tilemap:

And here it the messed up background tilemap:

The MenuScene is completely new initialized and all the positions and settings are the same like the first initialization.

Also the camera positions for center, eye and up are the same in both.

Here is the code:

- (void) initMap{
    // add Background
    CCLayerColor *color = [CCLayerColor layerWithColor:ccc4(0,0,0,255)];
    [self addChild:color z:-1];
    if([DeviceDetector sharedDeviceDetector].isIPad && [DeviceDetector sharedDeviceDetector].hasRetinaDisplay){
        map = [TMXTiledMapExtended tiledMapWithTMXFile:DOCUMENTS_RESOURCES_PATH(@"levels/default_levels/tilemaps/MainMenu/iNitroMan_MainMenu-hd.tmx")];
    } else {
        map = [TMXTiledMapExtended tiledMapWithTMXFile:DOCUMENTS_RESOURCES_PATH(@"levels/default_levels/tilemaps/MainMenu/iNitroMan_MainMenu.tmx")];
    }</p>
    [self addChild:map z:1];
    for( CCSpriteBatchNode* child in [map children] ) {
        [[child texture] setAntiAliasTexParameters];
    }
    [map setAnchorPoint:ccp(0, 1)];
    DEBUG_LOG(@"MAP-Scale       (%f,%f)",map.scaleX,map.scaleY);
    DEBUG_LOG(@"MAP-TileSize    (%f,%f)",map.tileSize.width,map.tileSize.height);
    DEBUG_LOG(@"MAP-MapSize     (%f,%f)",map.mapSize.width,map.mapSize.height);
}
- (void) initCamera{
    float x, y, z = -100;
    float eye_x, eye_y, eye_z = 1;
    float up_x, up_y, up_z = 1;
    [[map camera] centerX:&x centerY:&y centerZ:&z];
    [[map camera] upX:&up_x upY:&up_y upZ:&up_z];
    [[map camera] eyeX:&eye_x eyeY:&eye_y eyeZ:&eye_z];
    [map getPixelPositionFromGridPoint:CGPointMake(12,1) pX:&x pY:&y];
    [map getPixelPositionFromGridPoint:CGPointMake(12,7) pX:&eye_x pY:&eye_y];
    if([DeviceDetector sharedDeviceDetector].isIPad){
        [[map camera] setEyeX:eye_x eyeY:eye_y eyeZ:500];
    } else {
        eye_z = 1;
        [[map camera] setEyeX:eye_x eyeY:eye_y eyeZ:1];
    }
    z = -100;
    DEBUG_LOG(@"CAM-Eye     (%f,%f,%f)",eye_x,eye_y,eye_z);
    DEBUG_LOG(@"CAM-Center  (%f,%f,%f)",x,y,z);
    DEBUG_LOG(@"CAM-Up      (%f,%f,%f)",up_x,up_y,up_z);
    [[map camera] setCenterX:x centerY:y centerZ:z];
    [[map camera] setUpX:up_x upY:up_y upZ:up_z];
}

Does anyone know why this happens?

Thanks for your help.

I'm skimming over Ray's tutorial for a Tilemap game. Is there a way to access the tileset in the .tmx?

The reason for this is that I want to dynamically create my tilemap in the game rather than having a set map that'll never change.

I read a couple of other threads about dynamic maps about using the GID's to create a dynamic map but nothing about how to access the tiles.

I was thinking I'd have 2 .tmx's. 1 blank and another with the tilemaps drawn off screen which I could reference off. Is that a reasonable way to do it?

I realised that in other game you'd see random textures placed off the map where the player can't see them I guess that's how they did it too perhaps.

Hey,

I have been trying to load a tile set. When i build and debug, the app crashes, and i am sent to this line of code: rect.origin.x = (gid % max_x) * (tileSize_.width + spacing_) + margin_;

Does anyone have any idea what this is? I originally had a tilemap on there, but then i switched it with another one and this error came up.

Thanks

Do you have any tool or shell-script to share in my situation?

I have read RetinaDisplay wiki page(http://www.cocos2d-iphone.org/wiki/doku.php/prog_guide:how_to_develop_retinadisplay_games_in_cocos2d) especially about TMX.
It's easy to change png name to HD and tilesetwidth/height, etc.
However it looks like I will have to change each object's coordinate information as well.
If it's true then it will be a pain process because I do have lots of TMX maps with many objects defined. (one of objects defined as follows)

<object name="" type="ActorBlockItem" x="401" y="305" width="188" height="15">
   <properties>
    <property name="density" value="20"/>
    <property name="dynamic" value="false"/>
    <property name="friction" value="0.2"/>
    <property name="restitution" value="0"/>
    <property name="shape" value="rectangle"/>
   </properties>
  </object>

Ideally once all maps are prepared in either SD or HD (for me HD is preferred), the recalculation of x/y/width/height for the corresponding map in the other format should be done automatically.
For me, I think it will be useful if there's a convenient tool to automatically convert HD tmx map to SD tmx map when there are many many TMX files with many objects defined.

Do you have any tool or shell-script to share?

I playing with tilemaps and attempting to show only one room at a time. I want my player to be able to move all around the room without the tilemap showing other rooms. Once the player enters the door to go into another room, I want to transition from Room A to Room B. The best way I know to describe what I am trying to accomplish is to look at the old NES style Legend of Zelda. When Zelda would move from room to room.

The second thing I am trying to do is Zoom the TileMap to fill just that room. I have played with the camera class and I am failing at understanding what it's asking to do.

While the tilemap is 256 tiles wide, I only want to display 16 x 12 tiles (32pixels * 16 tiles) x (32pixels * 12 tiles)

I am not asking anyone to write the code for me. I have been working off of the Ray Wenderlich's tilemap tutorial which has taught me a lot. Just point me in the direction of where I can learn how to accomplish my task. Or maybe if someone else is working on this we can work together to figure it out. I think that if I can find a way to make the camera stationary, the only thing that should move is the Player while in the room, THEN the tilemap when moving to a new room. Then the play shows up on the other side of the door.

I have tried so many variations of the below code for the zooming.

int viewX = (_tileMap.tileSize.width * 16);
int viewY = (_tileMap.tileSize.height * 12);
[self.camera setEyeX:viewX eyeY:viewY eyeZ:0];

I have tried some promising variations on the transition effect

[_tileMap runAction:[CCMoveBy actionWithDuration:0.6 position:ccp(0,viewY)]; //if moving up
[_tileMap runAction:[CCMoveBy actionWithDuration:0.6 position:ccp(0,-viewY)]; //if moving down

etc…

I just keep coming back to the boundary and view problems

Any thoughts or suggestions or links or youtube videos would be greatly appreciated!!!

Thanks for listening to me plea for help

I'm positive this has been asked before (I did a search on the old group), but there was a reference on a post to riq where it was supposed to be fixed in a new version... But I'm still having the same problem.
[UPDATE]: I'm using cocos2d from svn trunk

When using TileMapAtlas, I get a small gap between the tiles. My tilesheet is a png 1024x1024 and the tiles with problems are not tiles in the border of the tilesheet, actually, those look just fine...

The gap seems to vanish if the sprites approach the middle of the screen... Any idea on how to fix this?

PS: here are some screenshots on the issue:

Thanks!
Rolando./

The title pretty much says it all. ;-)

Does anyone know a good Tile spritesheet (32bit PNG) splitter that handles transparency? I have found a few PNG splitters but either they don't handle PNG files or if they do, they lose the alpha/transparency channel.

I am just looking for something that can take a sheet of sprites (laid out in a grid) and split them up into individual sprite PNG files, while retaining the alpha/transparency channel.

If anyone know of a good utility that can do this, or knows how it can be done with GIMP (batch style), I would really appreciate the help/info.

Thanks,
Q

Hi,
we are the BlackPaper Studios from Stuttgart, Germany.

We are two brothers without any degree related to IT. We are developing everything in our spare time like many others here i think :)
One year ago we decided to develop apps for iOS.
City of Toilets will be our third app on the app store, but our first game.
And of course it uses cocos2d.

We started developing the app in february. So there‘s a long journey behind this game we are proud of ;)
Mainly because it‘s all made from scratch without outsourcing anything. The only thing we are using from others is the sound.
We are using Spritesheets for almost everything.
Every image is saved as pvr.ccz to increase performance.
In the last 10 months we learned cocos2d from the groundup and really appreciate all the posts made in this forum. Without them this game would‘nt be possible.

City of Toilets is a round based financial management game. You can buy the toilet area of many buildings. Your job is to manage those areas. Hire a cleaning company, buy new toilet parts, choose the toilet paper or even upgrade the whole area.
But in order to buy new toilets you have to research them first.

It‘s all about your highscore after 100 rounds.

City of Toilets is almost finished. It will be released in a few weeks.

Here are some screenshots of City of Toilets. Hope you like it :)


Follow us on Twitter (@BPS_com). We are now constantly posting new things :)
A website will be online soon.

Greetings, Marco

Hi ,
I have a tilemap whose size is greater than that of the screen.
I want to move my object at the center of tile which is clicked.
So i check which tile was clicked and then successfully get its center.

But i get tile center coordintes with respect to the map.They are not the coordinates on which i can call my MoveTo method .

Can anybody help in converting tile map coordinates to screen coordinates

Was looking around and couldn't find one that wasn't ridiculously slow...granted I didn't look to hard and I felt like trying it out. This class give you the ability to highlight a path or move a sprite along the path at a given speed.

Code:
https://github.com/sqlboy/tiled-games/tree/master/src

Quick video of path highlight option:
http://www.youtube.com/watch?v=ckW6zK2p_kk

Code is pretty easy. Pass in a map and the name of the layer that has your collision tiles.

AStarPathFinder pathFinder = [[AStarPathFinder alloc]
      initWithTileMap:tileMap collideLayer:@"collide"];

// Optionally, you can set the name of the collide property key and the value it expects.
[pathFinder setCollideKey:@"collidable"] // defaults to COLLIDE
[pathFinder setCollideValue:@"True"] // defaults to 1

// highlight a path (src and dst are tile coorindates)
[pathFinder highlightPathFrom:srcTile to:dstTile];

// move a sprite
[pathFinder moveSprite:player from:srcTile to:dstTile atSpeed:0.1f];

Enjoy and thanks to everyone for Cocos2D

i have been trying to make a game using cocos2d. The map i'm using is made using Tiled and i'm trying to implement movement of character using accelerometer. I have tried myself but it didnt work. The movement is not smooth and very jumpy. Here is my code so far:

// Import the interfaces
#import "HelloWorldLayer.h"
#import "SimpleAudioEngine.h"
#define kFilterFactor 0.05

@implementation HelloWorldHud

 -(id) init
 {
    if ((self = [super init])) {
        CGSize winSize = [[CCDirector sharedDirector] winSize];
        label = [CCLabelTTF labelWithString:@"0" dimensions:CGSizeMake(50, 20) alignment:UITextAlignmentRight fontName:@"Verdana-Bold"  fontSize:18.0];
        label.color = ccc3(0,0,0);
        int margin = 10;
        label.position = ccp(winSize.width - (label.contentSize.width/2) - margin, label.contentSize.height/2 + margin);
        [self addChild:label];

        totalTime = 60;
        timeLabel = [CCLabelTTF labelWithString:@"60" fontName:@"Arial" fontSize:18];
        timeLabel.color = ccc3(0, 0, 0);
        timeLabel.position = CGPointMake(winSize.width/2, winSize.height);
        timeLabel.anchorPoint = CGPointMake(0.5f, 1.0f);
        [self addChild:timeLabel];

        [self schedule: @selector(update:)];
    }
    return self;
 }

- (void)numCollectedChanged:(int)numCollected {
    [label setString:[NSString stringWithFormat:@"%d", numCollected]];
}

-(void)update:(ccTime)dt
{
    totalTime -= dt;
    currentTime = (int)totalTime;
    if(totalTime > currentTime)
    {
        //myTime = currentTime;
        [timeLabel setString:[NSString stringWithFormat:@"%02d:%02d", currentTime/60, currentTime%60]];
    }
}

@end

// HelloWorldLayer implementation
@implementation HelloWorldLayer

@synthesize tileMap = _tileMap;
@synthesize background = _background;
@synthesize player = _player;
@synthesize meta = _meta;
@synthesize foreground = _foreground;
@synthesize numCollected = _numCollected;
@synthesize hud = _hud;

+(CCScene *) scene
{
	// 'scene' is an autorelease object.
	CCScene *scene = [CCScene node];

	// 'layer' is an autorelease object.
	HelloWorldLayer *layer = [HelloWorldLayer node];

	// add layer as a child to scene
	[scene addChild: layer];
    layer.tag = 1;

    HelloWorldHud *hud = [HelloWorldHud node];
    [scene addChild:hud];

    layer.hud = hud;

	// return the scene
	return scene;
}

// on "init" you need to initialize your instance
-(id) init
{
	// always call "super" init
	// Apple recommends to re-assign "self" with the "super" return value
	if( (self=[super init])) {

		[[SimpleAudioEngine sharedEngine] preloadEffect:@"pickup.caf"];
        [[SimpleAudioEngine sharedEngine] preloadEffect:@"hit.caf"];
        [[SimpleAudioEngine sharedEngine] preloadEffect:@"move.caf"];
        [[SimpleAudioEngine sharedEngine] playBackgroundMusic:@"TileMap.caf"];

        //self.isTouchEnabled = YES;
        self.isAccelerometerEnabled = YES;
        UIAccelerometer *accel = [UIAccelerometer sharedAccelerometer];
        accel.delegate = self;
        accel.updateInterval = 1.0f/60.0f;

        //load background
        self.tileMap = [CCTMXTiledMap tiledMapWithTMXFile:@"TileMap.tmx"];
        self.background = [_tileMap layerNamed:@"Background"];
        self.foreground = [_tileMap layerNamed:@"Foreground"];

        //load collidable tile
        self.meta = [_tileMap layerNamed:@"Meta"];
        _meta.visible = NO;

        //starting point
        CCTMXObjectGroup *objects = [_tileMap objectGroupNamed:@"Objects"];
        NSAssert(objects !=nil, @"'Objects' object group not found");
        NSMutableDictionary *spawnPoint = [objects objectNamed:@"SpawnPoint"];
        NSAssert(spawnPoint !=nil, @"SpawnPoint object not found");
        int x = [[spawnPoint valueForKey:@"x"] intValue];
        int y = [[spawnPoint valueForKey:@"y"] intValue];
        int tileSpawnWidth = _tileMap.tileSize.width;
        int tileSpawnHeight = _tileMap.tileSize.height;
        x = (x - (x % tileSpawnWidth)) + (tileSpawnWidth/2);
        y = (y - (y % tileSpawnHeight)) + (tileSpawnHeight/2);

        //load player
		self.player = [CCSprite spriteWithFile:@"Player.png"];
        _player.position = ccp(x, y);
        _player.tag = 2;
        [self addChild:_player];

        id setCamera = [CCFollow actionWithTarget:_player];
        [self runAction:setCamera];
        [self addChild: _tileMap z:-1];

	}
	return self;
}

-(CGPoint) tileCoordForPosition: (CGPoint)position {
    int x = position.x / _tileMap.tileSize.width;
    int y = ((_tileMap.mapSize.height * _tileMap.tileSize.height) - position.y) / _tileMap.tileSize.height;
    return ccp(x,y);
}

-(void) registerWithTouchDispatcher
{
    [[CCTouchDispatcher sharedDispatcher] addTargetedDelegate:self priority:0 swallowsTouches:YES];
}

-(BOOL) ccTouchBegan:(UITouch *)touch withEvent:(UIEvent *)event
{
    return YES;
}

-(void) setPlayerPosition:(CGPoint)position
{
    //Convert x, y coordinate of player into tile coordinate
    CGPoint tileCoord = [self tileCoordForPosition:position];
    int tileGid = [_meta tileGIDAt:tileCoord];
    if(tileGid) {
        NSDictionary *properties = [_tileMap propertiesForGID:tileGid];
        if(properties) {
            //Check if collide with wall/stone
            NSString *collision = [properties valueForKey:@"Collidable"];
            if(collision && [collision compare: @"True"] == NSOrderedSame) {
                [[SimpleAudioEngine sharedEngine] playEffect:@"hit.caf"];
                return;
            }
            //Check if collide with collectable item
            NSString *collectable = [properties valueForKey:@"Collectable"];
            if(collectable && [collectable compare:@"True"] == NSOrderedSame) {
                [_meta removeTileAt:tileCoord];
                [_foreground removeTileAt:tileCoord];
                self.numCollected++;
                [_hud numCollectedChanged:_numCollected];
                [[SimpleAudioEngine sharedEngine] playEffect:@"pickup.caf"];
            }
        }
    }
    [[SimpleAudioEngine sharedEngine] playEffect:@"move.caf"];
    //_player.position = position;
    ccTime moveDuration = 0.3;
    id playerMove = [CCMoveTo actionWithDuration:moveDuration position:position];
    id cameraMove = [CCFollow actionWithTarget:_player worldBoundary:CGRectMake(0, 0, (_tileMap.mapSize.width * _tileMap.tileSize.width), (_tileMap.mapSize.height * _tileMap.tileSize.height))];
    [_player runAction:playerMove];

    [self runAction:cameraMove];
}

-(void) ccTouchEnded:(UITouch *)touch withEvent:(UIEvent *)event
{
    CGPoint touchLocation = [touch locationInView:[touch view]];
    touchLocation = [[CCDirector sharedDirector] convertToGL:touchLocation];
    touchLocation = [self convertToNodeSpace:touchLocation];

    CGPoint playerPos = _player.position;
    CGPoint diff = ccpSub(touchLocation, playerPos);
    if(abs(diff.x) > abs(diff.y))
    {
        if(diff.x > 0)
        {
            playerPos.x += _tileMap.tileSize.width;
        }
        else
        {
            playerPos.x -= _tileMap.tileSize.width;
        }
    }
    else
    {
        if(diff.y > 0)
        {
            playerPos.y += _tileMap.tileSize.height;
        }
        else
        {
            playerPos.y -= _tileMap.tileSize.height;
        }
    }

    if(playerPos.x <= (_tileMap.mapSize.width * _tileMap.tileSize.width) &&
       playerPos.y <= (_tileMap.mapSize.height * _tileMap.tileSize.height) &&
       playerPos.y >= 0 &&
       playerPos.x >= 0 )
    {
        [self setPlayerPosition:playerPos];
    }

}

#define kPlayerSpeed 100
#define kHeroMovementAction 1
-(void)accelerometer:(UIAccelerometer *)accelerometer didAccelerate:(UIAcceleration *)acceleration
{
    //UIAccelerationValue accelX, accelY;
    //accelX = (acceleration.x*kFilterFactor) + (accelX*(1.0 - kFilterFactor));
    //accelY = (acceleration.y*kFilterFactor) + (accelY*(1.0 - kFilterFactor));
    HelloWorldLayer *layer = (HelloWorldLayer *) [[[CCDirector sharedDirector] runningScene] getChildByTag:1];
    CCSprite *playerSprite = (CCSprite *) [layer getChildByTag:2];
    CGPoint playerPos;

    float destX, destY;
    BOOL shouldMove = NO;

    float currentX = playerSprite.position.x;
    float currentY = playerSprite.position.y;

    if(acceleration.x > 0.25)
    {
        destX = currentX - (acceleration.y * kPlayerSpeed);
        destY = currentY + (acceleration.x * kPlayerSpeed);
        shouldMove = YES;
    } else
    if(acceleration.x < -0.25)
    {
        destX = currentX - (acceleration.y * kPlayerSpeed);
        destY = currentY + (acceleration.x * kPlayerSpeed);
        shouldMove = YES;
    } else
    if(acceleration.y < -0.25)
    {
        destX = currentX - (acceleration.y * kPlayerSpeed);
        destY = currentY + (acceleration.x * kPlayerSpeed);
        shouldMove = YES;
    } else
    if(acceleration.y > 0.25)
    {
        destX = currentX - (acceleration.y * kPlayerSpeed);
        destY = currentY + (acceleration.x * kPlayerSpeed);
        shouldMove = YES;
    } else
    {
        destX = currentX;
        destY = currentY;
    }

    playerPos.x = destX;
    playerPos.y = destY;

    if(shouldMove)
    {
        CGSize wins = [[CCDirector sharedDirector] winSize];
        if(destX < 30 || destX > wins.width - 30 || destY < 30 || destY > wins.height - 100)
        {
            [self setPlayerPosition:playerPos];
        }
        else
        {
            CCAction *action = [CCMoveTo actionWithDuration:1 position:CGPointMake(destX, destY)];
            [action setTag:kHeroMovementAction];
            [playerSprite runAction:action];
        }
    }
    else
    {
        [playerSprite stopActionByTag:kHeroMovementAction];
    }
}

// on "dealloc" you need to release all your retained objects
- (void) dealloc
{
	// in case you have something to dealloc, do it in this method
	// in this particular example nothing needs to be released.
	// cocos2d will automatically release all the children (Label)

	// don't forget to call "super dealloc"
    self.tileMap = nil;
    self.background = nil;
    self.player = nil;
    self.meta = nil;
    self.foreground = nil;
    self.hud = nil;
	[super dealloc];
}
@end

hope someone can help fix this...

Hi,
I want to make an isometric game in cocos2d and I could use a general design advice. The most important question is - do I use TMX map and Tiled editor or should I go my own way? I know Tiled has cocos2d support, but here are my concerns:

1. Maps created in Tiled are very... tiled :) All the maps I've seen consisted of small repeated elements, the impression was that the world was made of icons. I'd like to avoid that Mario-bros style. Is it possible (and reasonable) to fill map with images larger than a tile, like buildings, rivers etc? Tiled comes with an isometric map example - there is a tree icon that is higher than a tile, can it also be wider? Or maybe each building could be a separate tilemap, but does it make sense to cut objects into little pieces like that?
2. Is it assumed that the movement of character is realized by moving the character image to the next tile? I'd like the movement to be smooth animation, also when character "switches" to the next tile. Is it a problem?
3. I would like to have a feature of switching between top and perspective views. That means I would need to have two maps for each level, isometric and orthogonal. But they need to represent the same "scene" so when user switches the perspective, the surrounding objects are the same. Is it possible to convert an isometric map to a orthogonal (or vice versa) ?
4. Is it possible to make a zoom feature in such map?
5. What is a reasonable limit for a map size? I've read somewhere that 100 tiles - seriously??

I also consider an alternative - I could make my own, um, map engine? The idea is to prepare a large image in photoshop, and save each building or other obstacle layer as a separate file. Also, the backround file would also have to be cut into pieces and only couple of pieces would be displayed at once (like 4 per screen). Then, the buildings and character sprites would be drawn on top of it. It all comes down to two algorithms, both I have quite figured out

• How so sort sprites in terms of render order
• How to detect collisions

Without going into details, this is just doable, it just requires quite some time to implement and If there is a way to get similar effect with Tiled that would be a great time saver. And maybe there is a gate no 3? What is your opinion?

Hey guys what is your take on different shaped tileMaps? Think of a round(ish) TileMap where the corners are removed to form a sort of octagon (like in dragonVale). Should i just create a normal tileMap and set the corners as "empty" tiles (would that waste a lot of memory?) or is there a good way to do this programmatically. How would you approach this?

Thanks, Yves.

Hi

I have a 2 part question please. ;)

Firstly, can and if so how, does one combine tmx tile maps with parallax scrolling?

Secondly, can box2d be used with TMX tile maps? Or is the detection done just on the layers in the tile map?

Regards

(Now before you read this yes I am a total n00b and I am in the learning process)
I am making a game and so far I added a joystick which controls the position of my player. The joystick is what moves my player around my map however I don't want it to do this I want my player to remain static in the middle of the screen and when I move the joystick to the left for example I want the map to move not the player also I want my player to face the direction the joystick was moved to. If you guys played Pokemon or Zelda before and seen how the player moves in the game you guys would know of what I am talking about.

Summary- I want to create a sprite that is positioned in the middle of the screen and whenever I move the joystick up the sprite faces up and it scrolls the map based on the position I move the joystick and also having the sprite play a certain animation based on where the joystick was moved to.

Please help someone!!! I have looked for tutorials but found none on this topic.

I'm working on a random dungeon generator and I'd like to leverage CCTMXTiledMap for drawing and placement of sprites.

My issue is that I can't seem to figure out how to add a tile to a CCTMXLayer at runtime. The method setTileGID merely changes the texture of a given tile POS. If it is "unpainted", that is not given a texture in the tmx file, this causes an assertion to fail.

My first instinct is to add a CCSprite at that location, possibly, but I'm unsure of how to add it to the layer's collection, etc (if that's even the right way to go).

Available on AppStore. Help available here.

First ever game development tool for iPad!

iTileMaps is powerfull tile map creation tool. Works with any 2D game genre, whether it's RPG or sidescroller or anything else. Specifically designed for iPad it allows creating maps very fast wherever you are. No need to change anything in your game because it uses popular tmx file format and works well with Tiled.
Best works with cocos2d because it's built on top of it. But any other game engine that supports tmx file format will work aswell.

Screenshots

Video

Features:

• Simple and popular xml-based format - tmx
• Orthogonal maps
• Custom objects for per pixel precision placement
• Custom properties for tiles, layers, objects or map
• Time saving editing tools like clone and recent tiles
• Can automatically manage high and standart definition maps (for iPhone 4 Retina)
• Ability to export created map directly to your game
• Send created maps by e-mail
• Import maps from internet, e-mail or another application
• Draws slower when in idle state, means higher battery life

Limitations(for advanced users):

• Isometric and hexagonal maps are not supported
• Only 1 tileset can be used per layer
• Tileset info is saved in single file with map, no external tileset info supported
• Images cannot be saved in map file, only externally
• Layer data must be in gzip/zlib compression encoded with base64

Upcoming features:
Something that might be included in next updates

• Fill bucket tool
• Isometric maps
• External tilesets
• File manager
• Action history with undo-redo
• Dropbox, WebDAV, iDisk importing options

Is there a way to rotate the World while moving everything inside of in-respect to the world. (So basically like you are turning your iPhone but without actually turning it). I would like to have a control of turning the world with buttons. I currently have it change gravity +-Angle then find xVector and yVector with constant 9.81 resultant. I currently am use a Tilemap for the "world" with 1 layer being the design/scene while other is collision layer. Need them to stay constant distance and in the "right space"

I tried rotation of the TileMap and collision layers however the collision layers get screwed up and Tilemap rotates on 0,0 (where it was anchored).

Any ideas or better approaches would be great. I've been googling and researching all over, nothing concrete yet.

Is it possible to do this? I want to make a diagonal wall going 45 degrees and not have really weird collision detection.

Has anyone successfully added a 3d Model to a cocos app that would be willing to fill in the community on how you did it? In my case, I'm primarily interested in using 3D models on top of a tilemap.

Thanks
-Sunsu

Hi,
I am trying to install from "tiled-qt-0.7.0.dmg" from http://www.mapeditor.org.
I am getting following error "You can't open the application Tiled because it is not supported on this type of Mac."

My mac book has version 10.6.8

I am also not able to find older version.

Please help.

Thanks,
Rashmi

I have a big tilemap and player sprite, controlled by accelerometer tilt. Camera is tracking player using runAction:

[self runAction:[CCFollow actionWithTarget:player worldBoundary:CGRectMake(0, 0, self.tileMap.mapSize.width*self.tileMap.tileSize.width, self.tileMap.mapSize.height*self.tileMap.tileSize.height)]];

Also I am adding 5 objects-sprites on map in random places. If they're off screen I want to display marks on sides of the HUD to show direction to that objects.
First idea for now - find intersection of line between player and object and the border of screen.
How can I do this? Some way to get x,y of camera view point?

Using cocos2d and Chipmunk with SpaceManager.

Thank you.

Hi,

probably silly question, but what is the best way to display grid when using Tilemap? Is it better to have 1 pixel border around each image, so when combined into Tilemap you get 2 pixel border or is there a better approach?

hi, i want to create a game that follows the style of Great Little War Game. You think this game used a tile map? if it did what kind of tile map is it? i don't think its isometric or hex. to me, it looks like an ortho map rotated 45 degrees? and the animation when shooting the enemy and vice versa, it looks awesome and 3d, how do you achieve this? are they sprite sheets or is it one big animation that is imported? let me know your thoughts. thanks :)

http://www.flickr.com/photos/67382033@N02/6194019328/in/photostream