Thanks you guys for all the reply's and now that I think about it you guys are both right. It would be really helpful if you could post an example code for me.

Thanks

Hi,
I hope rob76 is reading this one..... ;)
I have made it to the same point as the guys above. I've got CSharpToOC's code running, but of course
it produces the coordinate skew as noticed. So, I tried to understand rob's code, which I almost
can, but I am unsure how to integrate it with what is already working. I understand it is a code
fragment that looks like it should go in the -(id) init block, but I can't see how to
properly implement it. Without repeating what is already shown above, I have the first block of rob's
code in my init method, but the Map.position = ccp((x,y); is failing with "undeclared identifier "x"".

The second block, I understand what it is doing - iterating through the tilemap and centering the coords for
each tile, but I do not know how to implement it either! I note in CSharpToC's method, there is similar code,
but I am sort of confused how to blend it nicely together. I almost have this working, but can't get my
brain around making the whole work. Certainly I can see how rob's stuff works in theory, but perhaps
I am too confused by the methods I've got in there already. I have got the same thing working in a regular
tilemap, but seem to be short of a few braincells with hex tiles.

Any help for such a newb would be terrific....

rachel

calculate point to tile coordinates
if point = tile point
 change scene / run method

honestly, I don't think you thought about the problem at all or listened to what @slycrel suggested.

Thanks for the reply but I know how to change scenes but I don't know how to change scenes and run methods when you tap a tile on the map.

Thanks

What you are asking really doesn't have anything to do with tiles. You may want to open the cocos2d example project and look at some of the different examples. Transitions and other related things will be included there.

Here is a link from the forums on scene transitions that you might want to read through. http://www.cocos2d-iphone.org/forum/topic/5513

Good luck!

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.

If you want to control drawing order, z buffering is what you are looking for.
If you have a large character on a tile map, on tile x he might stand behind a small bush, and two tiles lower, the upper part of him might cover the bush.
If so, you will have to implement a z buffer.

The main problem is, that because your "bushes" are made from sprite sheet A, and your player from sprite sheet B, it is not trivial to insert the player into sheet A objects.
There are clever schemes which accesses the depth buffer directly, but basically this approach does not work well with cocos.

My own approach on this, is to actually have two sheet A. It sounds costly, but it really isn't, because they will use the same texture. Anything behind the player is draw from sheet A1, and anything in front, from sheet A2. The cost is an extra OpenGL draw, but unless you are building Doom4 ( now with tiles ), the difference will be negligible.

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.

Well, never mind! I fixed it. :D It seems rather silly now.

Here's what I change:

-(void)update:(ccTime)dt{

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

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

I have found the solution:

-(void) onEnter
{
	[super onEnter];
	[[CCDirector sharedDirector] setProjection:kCCDirectorProjection3D];
}

-(void) onExit
{
	[[CCDirector sharedDirector] setProjection:kCCDirectorProjection2D];
	[super onExit];
}

Am i the only one who has the problem?

Could it be a problem with the OpenGL transformations from cocos2D?

Please help me.

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.

Ok I worked it out with the setTileGID:<tilenumber> method. Pretty cool.

Link that helped me work it out for anyone else thats having trouble too.
http://www.cocos2d-iphone.org/wiki/doku.php/prog_guide:tiled_maps#coordinates_and_gids

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.

I copied the images that I used in my tile set into resource folder and I modified the tmx file to fix the path of the images. And that works for me.

That worked thanks!

Hmmm... That seems like a lot of work. Adding extra tiles to the tileMap. if you have a huge map, you would always have to go back and add the extra metadata tiles.

It seems that a more programmatic solution would be appropriate. Because you would only need to set how big you want your view to be.

The voices in my head said the following psuedocode:

If the View is 16 x 12 tiles,
break down the entire map into a grid of 16x12. 

So if the map is 256 tiles wide and 96 tiles high, you would have a grid that is a 16 x 8 large collection of boxes of those 16x12 tiles. 

//The player is just a tile inside the view.
What tile is the player on?
What tile is that a member of?
Center us on that grid view. // and let the player move all around it.

But if the player sprites center, touches the boundary of the grids view,
move the player to the new grid and center us on that view.

While that works in theory, the application is a little tricky, because my current view (in landscape) will show the view's width (16 tiles) but not the height (it only shows 10 tiles).

Hmm... I still get issues ONLY if I use [CCSprite spriteWithSpriteFrameName:]. However, using [CCSprite spriteWithFile:] and setting [[CCDirector sharedDirector] setProjection:CCDirectorProjection2D]; and using power of 2 dimensions. What I found was happening is that the edges of the sprite are bleeding out of their dimensions in the SpriteSheet. I put blue around the defined sprite in said spritesheet and as you can guess, the flickering gap turned blue... If I use my buffer (effectively rounds the pixels) then it works fine. Any suggestions? Also, I'm scaling my layer but it doesn't matter either way, the gap still appears.

well, I'm not saying to deallocate the player sprite or the object that manages it. Just do a player.visible = false, move the layer, move the player, and then make him visible again. If you don't want him going invisible, you can still just move him in a certain way that you think works best. Honestly, I think all you need are CCActions that move to an x,y coord over z time. This can even be coded into the tilemap if the distances that get moved may vary. Also, in tiled what you may want to do is have a certain meta tile defined as a warp tile with attributes for where to move to over how much time. When the player moves onto that spot(the doorway) everything fires up and moves.

@ Blackmarq20,

Please try this when you are in the same directory where you unzipped the files.

./WBTMXTool -in grassmap-hd.tmx -out grassmap-sd.tmx -scale 0.5 -suffixAction remove

Thx

Thanks for the reply. I see what you are saying, but removing and re-adding your player sprite seems inefficient. I feel that if the room size is calculated, if the player sprite touches the border, then move the player over a few pixels and at the same time move the entire map to the new room.

We know how big the room is, width(16 * 32) & height(12 * 32) and we know how big the map is width(256 * 32) & height(96 * 32)

So we know the border is along the room perimeter. The door would be open space to the border (to allow it to be touched) while the wall tile would prevent the player sprite from ever touching the border. Any thoughts on checking if the player sprite has intersected a border?

I would really love to use this tool to convert some tile maps, if anyone could provide assistance it would be greatly appreciated.

thanks,

I believe in his tutorials, ray sets up a custom view window and scrolls the layer the tilemap is in rather than messing with the camera? It's been a while since I read, so correct me if I'm wrong, but maybe what you can do is have a "portal" tile that contains information for where to move your "camera" to, and where the play goes. When the player hits that tile, you remove their sprite, run a CCAction that moves the tilemap in a way that will center on the proper location, and then respawn the player on the end point of the "portal". This method wouldn't actually use cameras at all, but instead a tilemap who layer is larger than the screen, and slides itself around based on where it should be focused.

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 know this is old, but the problem still keeps coming up. Thanks to the help on this forum, I think I've figured out a nice way of dealing with this:

http://ak.net84.net/iphone/gap-between-sprites-when-moving-in-cocos2d/

Hi,

I am trying to run this script but I get an error, -in command not found. This is how I ran it from the terminal.

$WBTMXTool -in grassmap-hd.tmx -out -grassmap-sd.tmx -scale 0.5 -suffixAction remove

I have the script on my desktop and my tmx file grassmap-hd.tmx also on my desktop. Would you be able to provide some assistance or an example?

thanks,

Hey guys, just found a website that does just what Questor wants for free, and might be useful to others as well: http://imagesplitter.net/

You upload an image (not exceeding 20mb), select Splitter and input how many rows and columns of sprites are in the image. It will then spit out a ZIP file containing all the individual frames while also preserving the alpha channel. I just tried it yesterday and it seems to work just fine!