HKTMXTiledMap « cocos2d for iPhone

cocos2d for iPhone » Programming » cocos2d 3rd party extensions

HKTMXTiledMap

(180 posts) (32 voices)

Started 11 months ago by skyhawk
Latest reply from skyhawk

Tags:

12…6 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 TMXTiledMap, 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)

My request though, is for someone to port the initWithTileInfo and draw code to Mac so that it's cross platform.
http://hkasoftware.com/fileserve/HKTMXTiledMap.zip

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.

Posted 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months ago #
skyhawk
Member

think I ironed out all the problems psykano had

Posted 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months 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 11 months ago #
skyhawk
Member

committed, and issued a pull

I'm sure I messed it all up =)

Posted 11 months ago #
jandujar
Member

waiting that psineur merge your changes. ;)

Posted 11 months 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 11 months ago #
skyhawk
Member

fixed issues

Posted 11 months 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 11 months 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 10 months 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 10 months 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 10 months 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 10 months ago #
skyhawk
Member

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

Pull request should include the changes.

Posted 10 months 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 10 months ago #

RSS feed for this topic

12…6 Next »

Reply »

You must log in to post.