Tiled example with tile layer, object layer and box2d collisions

evs · May 2012

Here's a little demo featuring a Tiled tile map with a tile layer for the graphics and an object layer for building physics collision zones and storing properties.

Grab the ball and chuck it about, see the various collisions and scores printed out, set the debug flag in the code to see debug drawing and object info.

Thanks go to @atilim for the initial tile stuff and Gideros collision example
and to @ar2rsawseen for the main physics stuff and appcodingeasy.

All files including a gproj and the Tiled tmx are included.

cheers

evs

glennbjr · May 2012

This is really cool! Exactly what I was looking for too. Does this work with Automatic Image Resolution?

glennbjr · May 2012

Actually never mind. The setting as Pixel Perfect looks pretty good in all resolutions. Does anyone know if the tileset can be used royalty free? I've seen it in other places on the net but I can't find who the owner is.

evs · May 2012

@glennbjr - Yes, I've used it with @2x

cheers

evs

glennbjr · May 2012

Awesome, thanks.

I've got a basic camera working with your example. It works great. I will have my complete platform game done within a couple weeks with all new original tile sets and sprites too.

Thanks again.

atilim · May 2012

@evs love it

@glennbjr I've downloaded the tileset from here http://code.google.com/p/pacman-in-love/source/browse/trunk/assets/sprites/tileset-platformer.png But I don't know if he is the real owner or not.

glennbjr · May 2012

@atilim Thank you. I managed to get an artist which he is going to redo my graphics and create some new tilesets too.

ernesto · May 2012

Very cool, just do not understand how to generate the file platformer.lua... Or need to put each piece of information manually?

evs · May 2012

Use Tiled to create the tile map http://www.mapeditor.org/

Save a copy in its native .tmx format for future editing

and then from the File menu of Tiled choose export and select Lua as the format - Done!

HTH

cheers

evs

ernesto · May 2012

Wow, that was his own Tiled exported to Lua. As I am noob.

Magnusviri · May 2012

I haven't had time to play with this yet other then to breifly look. I'm wondering how easy it would be to control the ball with the TNT Virtual Pad.

joelghill · July 2012

Hey everyone,

I've recently been playing with Tiled and importing TileMaps into Gideros.

I'm having trouble wrapping my head around doing tile based collision detection. Ideally, I would like to be able to determine what tiles are near the player, and then follow through with some collision detection logic, rather than cycling through all the tiles or objects on the screen.

Alternatively, I'm thinking of outlining all of the obstacles with objects in an object layer, and then cycling through those with collision detection logic. This wouldn't be tile based I suppose, but the appearance of the map would come from the tile map I guess.

What have other people done? I'd like to figure this out, but I'm finding the tile map examples very confusing :S

EDIT: I should mention that I would like to avoid using Box2D for solving collisions, as it feels like that would be swatting a fly with a hammer so to speak.

Scouser · July 2012

I found it a lot easier to create an object array when I process the object layer. This way I can manipulate the array any way I like and apply any changes to the TileMap object layer if they are needed. It also allows me to animate part of the tile map, check for collisions and any other feature I need.

joelghill · July 2012

Thanks! I've actually come up with something on my own for the tile layers, but I have yet to tackle objects.

There was a tiled map library provided here that I improved upon which enabled me to do some cool stuff. I'll comment and post ASAP.

stoddsie · August 2012

Hi glennbjr

I liked the example above but need to have a bigger map which has a scrolling viewport/camera.

How did you manage to implement the camera? I have a tilemap which I have created box2d objects from the "Object" layer in the tilemap, and I can scroll this around according to my main character's sprite position, however the actual graphic tiles which are on the "Tiles" layer remain fixed to the screen. Is there a way to link or group the layers? or do they need to be moved at the same time?

Any help or code would be great.

Tom2012 · October 2012

Never mind - figured it out. :-)

glennbjr · October 2012

@stoddsie The camera doesn't move so to get the effect you have to move all the box2d objects, tilemap, and all sprites in front of the camera. The easiest way to do this is to insert sprites into groups and update each group x and y position each render cycle. You may want to have a look at a camera code example. Sorry I don't have the code or time right now because I'm currently using another library. I'm sure someone else can followup with a link to an example.

twisttap · October 2012

Code example with camera support will be cool. I also implemented a version of this, with camera support with parallax scrolling but I couldn't implemented zooming/out

jollzy · November 2012

hey guys anyone has a small example for a simple tilebased maze? How is it to begin? thanks

king_wu · August 2013

this program may have a bug, when player move ,the ground boy is shaken.if you and some picture for CCSprite, and the sprite also has a physical body, the problem is obviously.

Howdy, Stranger!

Categories

In this Discussion

Top Posters

Tiled example with tile layer, object layer and box2d collisions

Comments

Howdy, Stranger!

Quick Links

Categories

In this Discussion

Top Posters

Tiled example with tile layer, object layer and box2d collisions

Comments