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:

12…10 Next »

skyhawk
Member

So my friend and I have rewritten TMXTiledMap for our RPG out of necessity. We wanted maps that were large, Tiley, animated, and fast.

You use the class exactly the same as CCTMXTiledMap, however it only works for orthogonal maps. No iso or hex.
To animate tiles, you edit tile properties (via Tiled or whatever editor) to have "Next" which lists the next GID in the animation, and Delay (the delay between frames). It supports looped and one shot animations, but all animations have to be deterministic (no random)

It currently supports cocos2d 1.1 and cocos2d 2.1
It is under MIT license, so feel free to use in any project. Do let me know if you use it, I'm always excited to hear about people using my code. =)

From tests, it's phenomenally faster for large maps, and moderately faster for maps just larger than screen size. Still slow in simulator, but on device performance is phenomenal.

Web page where you can always find the latest download and information: http://hkasoftware.com/index.php?object=HKTMXTiledMap

Posted 1 year ago #
Jim Love
Member

Awesome! ...except for me. :-( I'm building an iso game. How tough would it be to make it work for iso? Something a mediocre coder like me can do?

Posted 1 year ago #
actinism
Member

wow, nice stuff. thanks for sharing, will try it out. :-)

do you have any screen or video of your game in action?

Posted 1 year ago #
skyhawk
Member

Well since you asked nicely, here ya go. The game uses a 7 layer tiled map, with 5 layers visible. The other 2 are for collisions and triggers

http://hkasoftware.com/fileserve/SitS6.mov

in the sim... looks much smoother (framerate wise) on the iPad =)

Screenshot for those not wanting full movie

(placeholder townspeople ^^;;)

Posted 1 year ago #
actinism
Member

thank you! i was curious about to see that.

i like the placeholder ;-)

do you know the limitations of the maps, like 1000x1000 with a 32x32 pixel raster or something?

Posted 1 year ago #
skyhawk
Member

Tested it on a 525x555 map (just took the above and scattered junk all over the remaining area), and was still getting a solid framerate.

RAM usage was consistent with storing a map that large (which is to say completely reasonable)

Probably your biggest limitations with it will be:
1) many layers (potential to increase the number of sprites on screen)
2) RAM to store map, as well as any decent tilemap to cover such a large thing. If you use a small 1024x1024 tilemap to handle it, then it'll likely not be an issue =)

Lastly, this has only been tested on Sim and on iPad 1 and iPad 2. I imagine it would work swimmingly on iPhone 3GS and iPhone 4, but it would need to be tested by someone who has those available

Posted 1 year ago #
actinism
Member

ok, thank you for that information. i think the layer issue could be managed if there are not so much "effect tiles", i mean 5 layers + 2 object layers should work for most rpg games.

i guess i have to try something out now :-)

Posted 1 year ago #
psykano
Member

I just tested this on my iPhone 4. It did not work with my TMX files. My TMX files contain layers with different tiles but using the same image for the tile-set. I'm using the anchorPoint, visible and position properties of the HKTMXLayers within the HKTMXTiledMap.

The layers were displayed incorrectly and it crashed after running for a couple seconds.

Posted 1 year ago #
skyhawk
Member

would you mine sharing your TMX file + images so that I may test? or perhaps a callstack?

(just tested with tons of maps I just randomly generated in Tiled, all seem to work fine, so I would be eager to test yours).

Posted 1 year ago #
skyhawk
Member

Huzzah, getting it working for Mac was easier than I thought. I'll be posting that later.

Still working with psykano to figure out why his is crashing.

Really hoping more people will try this out and see if they get the results they are hoping for. It really is mind shattering the speedup for large maps.

Posted 1 year ago #
skyhawk
Member

think I ironed out all the problems psykano had

Posted 1 year ago #
araker
Moderator

@skyhawk, nice work. I like the way you're minimizing the data send to the GPU, efficient implementation.

This should be a cocos extension as well.

Posted 1 year ago #
skyhawk
Member

the mac version has a small bug when you resize the window, it has line artifacts on the borders of tiles (obviously doesn't affect iOS)
-_-

Posted 1 year ago #
jandujar
Member

I encorarage you to clone the cocos2d-extensions repository, add your TMX improvement, and share it with the comunity.

More people will apreciate your work. At least, me.

Posted 1 year ago #
tskarthik
Member

@skyhawk
Excellent stuff !!! This is awesome, exactly what I was looking for !! However, I did some tests and these are my observations:

1. Did not work properly on iPhone 4 (OS version 4.2.1), may be same problem as psykano had. As many people requested in the thread, I too encourage you to post this to extensions repository !!! It will really benefit the community.

2. I realized this code will not work on iOS versions earlier than 4.x+ due to usage of a dictionary function available only on iOS 4+ (enumerateKeysAndObjectsUsingBlock, I think). I have an iPad 1 with iOS version 3.x and the my app crashed. I had to get it working after commenting out the cyclic animation logic that uses this API. Considering that your game is targeted at iPad, do you intend to support only iOS 4+ ?

I am really impressed with how you have optimized drawing. Awesome stuff, and thanks a lot for sharing !!!

Posted 1 year ago #
skyhawk
Member

1) part of Psykano's problems were that he was trying it on 3.0.
2) All testing has been done on 4.3. Perhaps short sighted, but I see no reason to support < 4.0, as pretty soon 5.0 (and iPhone 5) is coming out. Which is indicative enough of how to progress. I realize this would get a lot of support for earlier gens though.

I'll post to the git repo tonight. Unsure if I want to add the Mac code or not since it's "buggy"

Posted 1 year ago #
psykano
Member

Actually, I believe my problem is solely to do with it not working on a retina display device when retina display is enabled (enableRetinaDisplay:YES). I am not using animations and it works fine with my sd tile maps on my iPod Touch 1st gen. There is even a good speedup! I would very much appreciate if someone with an iPhone 4 with iOS 4.3 could test if it works when the retina display is enabled.

Posted 1 year ago #
tskarthik
Member

@psykano
I forgot to mention in my previous post, I actually tested with retina display enabled (enableRetinaDisplay :YES) and I don't use animations too; unfortunately couldn't get it working.

Posted 1 year ago #
skyhawk
Member

hmm, seems setting enableRetinaDisplay causes the problem (commenting that out seems to make it go away).

Will have to look more into that.

Posted 1 year ago #
skyhawk
Member

committed, and issued a pull

I'm sure I messed it all up =)

Posted 1 year ago #
jandujar
Member

waiting that psineur merge your changes. ;)

Posted 1 year ago #
Stepan Generalov
Moderator

@skyhawk, almost not ;)
See the comment in pull request.

@jandujar
There's something we need to improve/fix, before merging.
Feel free to help =)

Posted 1 year ago #
skyhawk
Member

fixed issues

Posted 1 year ago #
Stepan Generalov
Moderator

Cool, thanks! I will merge and try to fix retina crashes in few days.
First i will need to release 0.1.2

Crashing on retina is really big issue - who develops games for iOS now without retina support?
It should be fixed as soon as possible. Any heplers?

Posted 1 year ago #
psykano
Member

I've been trying my best but I think it's beyond my grasp.. on the other hand if anyone has a project or idea that might fix the bug, I'll be happy to try it on my iPhone 4.

Posted 1 year ago #
skyhawk
Member

probably related to the "content scaling", and thinking tiles are twice as big as they need to be, thus the map only defines N gid, but improper calculation is giving it gid over the number actually there.

Posted 1 year ago #
NOG
Member

I have 16 x 16 px tiles, and using these classes make my tiles way smaller and ends up everything look glitchy. The animated tiles look normal, but they don't animate. Any ideas? Game is for iPad 2 and iPhone 4.

Posted 1 year ago #
psykano
Member
I found out how to fix it for retina display (and probably iPad) and am banging my head for it. All in HKTMXLayer.m:

in initWithTilesetInfo, change tilesetInfo.imageSize = texture_.contentSize to
```
tilesetInfo.imageSize = texture_.contentSizeInPixels;
```
change [self setPosition:offset]; to
```
[self setPositionInPixels:offset];
```
change [self setContentSize: CGSizeMake( layerSize_.width * mapTileSize_.width, layerSize_.height * mapTileSize_.height )]; to
```
[self setContentSizeInPixels: CGSizeMake( layerSize_.width * mapTileSize_.width, layerSize_.height * mapTileSize_.height )];
```
and change CGSize screenSize = [CCDirector sharedDirector].winSize; to
```
CGSize screenSize = [CCDirector sharedDirector].winSizeInPixels;
```
Posted 1 year ago #
skyhawk
Member

nice job psykano! looks like that indeed fixes the retina display issues!

Pull request should include the changes.

Posted 1 year ago #
NOG
Member

I did the update psykano posted, but it looks like it didn't fix the issue I had. I'm still getting garbled looking graphics that look like this:

Posted 1 year ago #

RSS feed for this topic

12…10 Next »

Reply »

You must log in to post.