HKTMXTiledMap « cocos2d for iPhone

cocos2d for iPhone » Programming » cocos2d 3rd party extensions

HKTMXTiledMap

(290 posts) (51 voices)

Started 1 year ago by skyhawk
Latest reply from cliveminni

Tags:

Drakulix
Member

First of all thanks for this wonderful extension.
However I had some issues with it, I wanted to share.
I was using the 2.0 version and noticed that tile rotation did not work at all (flipping did), so I fixed it myself with this rotation/flip code instead, it is adapted from the CCTMXLayer:

if (tile & kFlippedDiagonallyFlag) {

	uint32_t flag = tile & (kFlippedHorizontallyFlag | kFlippedVerticallyFlag);

	if (flag == kFlippedHorizontallyFlag) { //Rotated90
		texbase[0] = right;
                texbase[1] = top;
                texbase[2] = right;
                texbase[3] = bottom;
                texbase[4] = left;
                texbase[5] = top;
                texbase[6] = left;
                texbase[7] = bottom;
	} else if (flag == kFlippedVerticallyFlag) { //Rotated270
		texbase[0] = left;
		texbase[1] = bottom;
		texbase[2] = left;
		texbase[3] = top;
		texbase[4] = right;
		texbase[5] = bottom;
		texbase[6] = right;
		texbase[7] = top;
	} else if (flag == (kFlippedVerticallyFlag | kFlippedHorizontallyFlag)) { //rotated90 + flip horizontal
		CC_SWAP(left,right);

		texbase[0] = right;
                texbase[1] = top;
                texbase[2] = right;
                texbase[3] = bottom;
                texbase[4] = left;
                texbase[5] = top;
                texbase[6] = left;
                texbase[7] = bottom;
	} else { //Flipped Diagonal / Rotated270 + flip horizontal
		CC_SWAP(left,right);

		texbase[0] = left;
		texbase[1] = bottom;
		texbase[2] = left;
		texbase[3] = top;
		texbase[4] = right;
	        texbase[5] = bottom;
		texbase[6] = right;
		texbase[7] = top;
	}
} else { //Rotated0
	if (tile & kFlippedVerticallyFlag)
		CC_SWAP(top,bottom); //flipped vertical

	if (tile & kFlippedHorizontallyFlag)
		CC_SWAP(left,right); //flipped horizontal

	texbase[0] = left;
        texbase[1] = top;
        texbase[2] = right;
        texbase[3] = top;
        texbase[4] = left;
        texbase[5] = bottom;
        texbase[6] = right;
        texbase[7] = bottom;
}

I also added the manual retain, but I would still like to request a fix of the rectangle tileset bug.
I do not want to redo my tilesets to be squares and fix my maps and just adding empty tiles to fill them up makes them unnecessary large.

Thanks again for that wonderful piece of code.

Drakulix

Posted 11 months ago #

skyhawk
Member

you can see the fix for the rectangle tileset bug in the changelist for 1.0: https://github.com/skyhawk2891/cocos2d-iphone-extensions/commit/bb504664256b8c24234fa8de14f2a3dd735cfdc8

it also includes the tile rotation code as well

While I appreciate riq and others have done the initial port of HKTMXTiledMap to 2.0, I really need someone dedicated to the 2.0 branch of it to integrate fixes back to it.

Posted 11 months ago #
Drakulix
Member

Thanks, what an easy fix for the rectangle tileset bug. ^^

However I tried to use that rotation code, too, and somehow it did not work at all, it was even worse.
No idea why, but the code I've posted works for me, so now everything runs without any problems.

Thanks again for your excellent work.

Posted 11 months ago #
skyhawk
Member

I'll check it out and compare the 2 tonight.

Posted 11 months ago #
cc_dev
Member

Awesome job, thanks for sharing this with everyone!

I just tried to use it in my project but I'm having a bit of a problem. When it loads, it only shows a 15x10 section of the map (32px tiles). I've tried different map sizes as well (made using Tiled 0.8.1). I'm using cocos2d 1.1 b2. Any help would be greatly appreciated! Really looking forward to getting it working and seeing what it can do :)

Posted 11 months ago #
skyhawk
Member

See the scaling portion of the code in HKTMXTiledLayer. if you're messing with the scale of the map, then you need to adjust the draw scale appropriately.

Posted 11 months ago #
cc_dev
Member

Just took a quick look at it. Does it turn off the visibility of all the tiles outside the 15x10 section (assuming 1.0f scale)?

Posted 11 months ago #
skyhawk
Member

yes and no is the best answer for that. "yes" is the best way to say that is what it does. no, because that's not what it actually does =)

Posted 11 months ago #
cc_dev
Member

Taking a closer look, it looks like it only draws the tiles that are within the screen grid. So if I wanted to show a new section of the map, I'm assuming that I would have to redraw the map with a new "position"? Does that sound right or am I totally off :P

Posted 11 months ago #
skyhawk
Member

I have NO clue what you are asking or doing anymore, but I'm going to back away, and let you poke around more. Fiddle with it until you get it right, and you understand what you are doing. =)

Posted 11 months ago #
cc_dev
Member

Sorry, I did a terrible job of explaining myself. I've tried a lot of things, and while it feels like I'm getting close, I don't think I'm doing it the right way. I think I have a good understanding of how the class works (the OpenGL stuff is kinda over my head though), but I'm probably just making it more complicated than it really is.

The game I'm making is a topdown shooter. Basically, I want a 16x11 section of tiles, centred around my player, to be "visible." So I guess what I really want to do is to be able to change which tiles are shown after the map is initialized. It could just be that the class isn't supposed to be used like that, but I think it is?

If you wouldn't mind answering this one question, I would really appreciate it! Assuming what I want to do can be done, do I have to add/change anything in the HKTMX classes or just come up with a function to change the "visible" tiles wherever I init my map?

Thanks in advance, I hope that made sense =)

Posted 10 months ago #
itlgames
Key Master

That is what the HKTMX class is for, to be able to load big maps drawing only the necessary tiles.

Posted 10 months ago #
lendo1
Member

Hi all,

This class seems like just the solution I need to animating my tile map, but I can't seem to get it to work. I downloaded the HKTMX Extension from the link on the second page and my version of cocos2d is 1.0.1, so I figured it would be smooth sailing, but when I replace my CCTMXTiledMap and CCTMXLayer in my project with the new classes, I get a strange distorted result and weird motion for my sprite. I was wondering if someone had a simple project using the class that they could provide for implementation details...

Thanks, and I appreciate what you've done with this open source contribution. I think it will be very valuable once I get it all worked out.

Posted 10 months ago #
skyhawk
Member

What about a big awesome project that uses it? http://www.cocos2d-iphone.org/forum/topic/19086

Just check out the map.m class

Posted 10 months ago #
lendo1
Member

Skyhawk, you are an angel in digital form

EDIT: Are there any differences between the implementation and use on the Mac and iOS?

Posted 10 months ago #
skyhawk
Member

From a use standpoint, there is no difference between Mac and iOS ( to my knowledge ). Underlying implementation is subtlety different, but it shouldn't matter.

Posted 10 months ago #
lendo1
Member

I'm looking through the code... is it possible that I am running the Mac version on iOS and that is responsible for my funky map?

Posted 10 months ago #
skyhawk
Member

The project is a Mac project, but hktmxtiledmap works in both OSes due to preprocessors

Posted 10 months ago #
lendo1
Member

I feel like the difference is really obvious, but bear with me here. I thought maybe the whole way I access my map in my current game was the issue, so I made a simple example.

#import "HKTMXTiledMap.h"
@interface HelloWorldLayer : CCLayer

@property (nonatomic, retain) CCTMXTiledMap *theMap;

+(CCScene *) scene;
@end

In the implementation:

-(id) init
{
if( (self=[super init])) {

self.theMap = [CCTMXTiledMap tiledMapWithTMXFile:@"dragonquest1.tmx"];
[self addChild:self.theMap z:-1];

}
return self;
}

This works. When I change the letters CC to HK, however, I get my current problem.

? :D

Posted 10 months ago #
rakkarage
Member

maybe call updateScale on your layers on start and/or when rotate/resize?

Posted 10 months ago #
skyhawk
Member

is your texture for your tilemap powers of 2?

Posted 10 months ago #
lendo1
Member

Well the tiles are 32x32 pixels, if that's what you mean. Here's the link to my map and tileset (maybe I'm using the wrong formats?):

http://www.sendspace.com/filegroup/XdBachafoVv15U0Cqjt51w

Posted 10 months ago #
skyhawk
Member

your texture is 320x224, these are not power of 2. if you resize your texture to be 512x256, everything will be groovy.

Posted 10 months ago #
lendo1
Member

:O Oh OK, THANKS! So the texture is the dimensions of your tileset image? That's automatically generated by the program right (I use TileSetMaker on my Windows computer)? Does that mean I have to add more tiles or reformat it somehow?

Posted 10 months ago #
lendo1
Member

I think I figured out how to change texture size... it should be 256x512 now, but I get the same problem. Here's the new files:

http://www.sendspace.com/filegroup/1rmNKLDVEo2ZrdWvL1rC0w

Posted 10 months ago #
skyhawk
Member

Works fine for me:

Posted 10 months ago #
lendo1
Member

I solved it, and you were right all along about the texture size! A typo was preventing the texture update from working - I was using "practice01.tmx" instead of "practice02.tmx" ... lol. Thanks for the help!

Posted 10 months ago #
Yann
Member

Hello everybody,
I wanted to share with you a little code snippet fo HKTMXTiledMap that is really useful :)
I made it because I was just tired about having 2 TMX files for the same level, which needs to be updated before every builds!

So here it is:
if (CC_CONTENT_SCALE_FACTOR() == 2) { tileSize_ = mapInfo.tileSize = CGSizeMake(tileSize_.width * 2, tileSize_.height * 2);
// GET TMX TILESETS id iter = [mapInfo.tilesets reverseObjectEnumerator]; for (CCTMXTilesetInfo* tileset in iter) { tileset.sourceImage = [tileset.sourceImage stringByReplacingOccurrencesOfString:@"." withString:@"-hd."]; tileset.tileSize = CGSizeMake(tileset.tileSize.width * 2, tileset.tileSize.height * 2); } }

Paste this just after tileSize_ = mapInfo.tileSize; in the file HKTMXTiledMap.m

Hope this will be useful to you too ;)

Posted 10 months ago #
cc_dev
Member

^That's handy, will definitely try it out!

Unfortunately, I still haven't been able to figure out my problem. The closest I've got is by changing the baseTile coordinates, and while that kinda works, I don't think that's what I should be doing. I see that tileBase comes from trans, but I still can't figure out how to update the visible tiles. I've looked over the class so many times now that I'm probably just missing something really obvious. Should I be changing or adding anything to the classes to do what I'm trying to accomplish?

I also looked through the project skyhawk posted. Unfortunately I couldn't get it to run properly, so I can't really see what's going on. However, I did see "[self setPosition:camera_pos]" in map.m. Am I just supposed to move the layer the map is on?

Any help would be really appreciated!

Posted 10 months ago #
skyhawk
Member

Unfortunately I couldn't get it to run properly,

Please don't sully my project's good name with your slander. it downloads, builds, and runs just fine.

Anyways, my recommendation for you is to learn to use CCTMXTiledMap first.
Or heck, learn the basic of game design with cameras and hierarchal structure. If you have questions about THOSE, please post a new thread instead of cluttering up this one with questions that are not at all pertinent to HKTMXTiledMap.

HKTMXTiledMap is nothing more than a drop in replacement (and enhancement) to orthographic CCTMXTiledMap.

Posted 10 months ago #

RSS feed for this topic

« Previous 1…678…10 Next »

Reply »

You must log in to post.